/
githubmr
/
facebook-react
Обзор
Документация
Войти
/
githubmr
/
facebook-react
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
main
packages/react-devtools-timeline/src/TimelineSearchInput.js
47 строк
1 KB
Jan Kassens
[flow] enable enforce_local_inference_annotations (#25921)
09 янв 2023, 23:46
Не верифицирован
09 янв 2023, 23:46
0b4f443
Код
Авторство
О чём код?
/** * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @flow */ import * as React from 'react'; import {useContext} from 'react'; import {createPortal} from 'react-dom'; import SearchInput from 'react-devtools-shared/src/devtools/views/SearchInput'; import {TimelineContext} from './TimelineContext'; import {TimelineSearchContext} from './TimelineSearchContext'; type Props = {}; export default function TimelineSearchInput(props: Props): React.Node { const {searchInputContainerRef} = useContext(TimelineContext); const {dispatch, searchIndex, searchResults, searchText} = useContext( TimelineSearchContext, ); if (searchInputContainerRef.current === null) { return null; } const search = (text: string) => dispatch({type: 'SET_SEARCH_TEXT', payload: text}); const goToNextResult = () => dispatch({type: 'GO_TO_NEXT_SEARCH_RESULT'}); const goToPreviousResult = () => dispatch({type: 'GO_TO_PREVIOUS_SEARCH_RESULT'}); return createPortal( <SearchInput goToNextResult={goToNextResult} goToPreviousResult={goToPreviousResult} placeholder="Search components by name" search={search} searchIndex={searchIndex} searchResultsCount={searchResults.length} searchText={searchText} />, searchInputContainerRef.current, ); }