Задать вопрос
@danila_prokopenko

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

Знаний по реакту мало, но нужно сделать проект. Работаю с mysql, уже подключился к серверу, получаю данные из таблицы на страницу. Суть вопрос: как сделать так, чтобы при нажатие на карточку товара, он открывался в новом окне со своими данными? Какие параметры, что куда передавать? Понимаю что надо получать id и по нему искать во всем массиве, но как это сделать? В php это делается a href="....sime.php?id=<?= $elem['id'] ?>", и уже на странице товара, подключившись к бд, ищем по id, но как в react это сделать, я не знаю.
  • Вопрос задан
  • 2772 просмотра
Подписаться Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 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 в данном случае будет идентификатором товара, по нему делаешь запрос с бека

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

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽