Реализовать поиск на React с выводом результатов в отдельной странице
Как можно реализовать поиск на React, чтобы после нажатия на поиск результаты выводились на отдельной странице, предназначенной для вывода результатов поиска.
Как я понимаю можно использовать API контекста или Redux, чтобы передавать данные результата поиска между страницами. То есть при нажатии на поиск на какой-нибудь странице приложения вызывается функция, которая делает запрос на сервер, получает ответ и обновляет состояние контекста или Redux'а. После этого происходит переход на страницу с выводами результатов поиска и там уже рендерится обновленное состояние результатов.
Является ли это решение наиболее приемлемым, адекватным? Или есть другие способы реализации поиска? Возможен ли сначала переход на страницу с результатами и затем запрос данных с сервера?
Ответы (1 шт):
Я бы сделал так:
В Redux-е хранил бы состояние, которое будет отвечать за данные введённые в поиске. После нажатия на "Поиск", перенаправил бы на нужную страницу, где в самом начале в первую очередь берутся данные для поиска из Redux-а, а потом делается запрос на сервер, с данными поиска. Пока ответа нет, показываем
лоадер, а после загрузки данных убираем лоадер и показываем то что нам надо