@danila_prokopenko

Сделать отдельную страницу товара на React?

Знаний по реакту мало, но нужно сделать проект. Работаю с mysql, уже подключился к серверу, получаю данные из таблицы на страницу. Суть вопрос: как сделать так, чтобы при нажатие на карточку товара, он открывался в новом окне со своими данными? Какие параметры, что куда передавать? Понимаю что надо получать id и по нему искать во всем массиве, но как это сделать? В php это делается a href="....sime.php?id=<?= $elem['id'] ?>", и уже на странице товара, подключившись к бд, ищем по id, но как в react это сделать, я не знаю.
  • Вопрос задан
  • 2312 просмотров
Решения вопроса 3
@n1ksON
мидл
В голову приходит пока только такое решение:
1. Вешаем на карточку товара событие onClick и делаем redirect на новую страницу с id товара (example.com/catalog --> example.com/product/999)
2. Используем react-router-dom и делаем Route c путём /product.
3. В компоненте берём id из url и подгружаем данные по API.
Ответ написан
w3bsmes
@w3bsmes
Куратор тега «Глупые вопросы»
Дополню ответ выше. Держи и держи
Ответ написан
Комментировать
tsepen
@tsepen
Frontend developer
Вот пример максимально доступный
slug в данном случае будет идентификатором товара, по нему делаешь запрос с бека

На карточку товара соответственно вешаешь
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 18:16
1000 руб./за проект
28 мар. 2024, в 18:15
90000 руб./за проект
28 мар. 2024, в 18:05
5000 руб./за проект