Реализовать поиск на React с выводом результатов в отдельной странице

Рейтинг: 0Ответов: 1Опубликовано: 25.04.2023

Как можно реализовать поиск на React, чтобы после нажатия на поиск результаты выводились на отдельной странице, предназначенной для вывода результатов поиска.

Как я понимаю можно использовать API контекста или Redux, чтобы передавать данные результата поиска между страницами. То есть при нажатии на поиск на какой-нибудь странице приложения вызывается функция, которая делает запрос на сервер, получает ответ и обновляет состояние контекста или Redux'а. После этого происходит переход на страницу с выводами результатов поиска и там уже рендерится обновленное состояние результатов.

Является ли это решение наиболее приемлемым, адекватным? Или есть другие способы реализации поиска? Возможен ли сначала переход на страницу с результатами и затем запрос данных с сервера?

javascript reactjs веб-программирование поиск redux
Источник: Stack Overflow на русском

Ответы

▲ 0

Я бы сделал так:

В Redux-е хранил бы состояние, которое будет отвечать за данные введённые в поиске. После нажатия на "Поиск", перенаправил бы на нужную страницу, где в самом начале в первую очередь берутся данные для поиска из Redux-а, а потом делается запрос на сервер, с данными поиска. Пока ответа нет, показываем лоадер, а после загрузки данных убираем лоадер и показываем то что нам надо