masterbiz
@masterbiz
Front-end разработчик

Как вывести по клику на результат поиска полную информацию о выбранном объекте?

Есть база данных клиентов в виде json файла. Требуется создать форму поиска по этой базе с выводом карточек с краткой информацией о найденных клиентах. Похожая реализация - https://react.semantic-ui.com/modules/search/#type...
По клику на одну из карточек с краткой информацией должна выводиться карточка с полной информацией (из этой же базы) о выбранном клиенте. При этом остальные результаты поиска исчезают, а остается лишь форма поиска и карточка с полной информацией о выбранном клиенте.
Для реализации использовать стек React/Redux и желательно - библиотеку Reselect
Я уже создал рабочую форму поиска с выводом краткой инфы, но никак не получается реализовать вторую фазу - вывод полной инфы о клиенте по клику на результат поиска.
Вот пока что текущий результат моих трудов https://codesandbox.io/s/4qxlnlpqww
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
GreyCrew
@GreyCrew
Full-stack developer
Не увидел в вашей реализации redux.

Вам нужно в store добавить два поля: список клиентов и активного клиента.
Пока у вас активный клиент равен null, то показываем список клиентов.
При клике на клиента добавляем в поле "активный клиент" объект из списка всех клиентов и отображаем по нему информацию.

Соответственно поля список клиентов и активный клиент держим в селекторах, для этого используем Reselect
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы