Search implementation in ReactJs?

Question

JavaScript

Hello! Please help with the implementation of the search on ReactJs!
I create a new component with input search, I pass an object from another component into it, which contains all the text, filter it when the input changes, I get a block with the desired text, that is, everything is there! The question is how and what should I pass to the component with the text in order to display the filtered text?
I will be very grateful!

Answer 1

 Use some external event emitter (for example, one that stores two fields - a search string and results), to which your components subscribe, and execute setState based on the corresponding values ​​of this object. Even better look towards Redux - redux.js.org

Answer 2

Что передавать - зависит от реализации рендера в вашем компоненте. Но если вы берете "весь текст" и фильтруете, то первое что приходит в голову - передавать "отфильтрованный текст".
Если без "flux/redux/..." то с помощью событийной модели (например, в момент поиска происходит событие "поиск_изменен", а компонент где был весь этот текст слушает данное событие и рендерит только часть отфильтрованную, так как вы ее передали. Если не передали - рендерит все (как будто поиска не было, или поиск пустой))
Если с flux/redux/... то действуйте в рамках подхода. Если говорить про redux - то просто отправьте action с фильтрованным "куском".