Реагирует путь URL-адреса маршрутизатора для уникального элемента - PullRequest
0 голосов
/ 19 февраля 2019

Я работаю над приложением реагирования в корзине покупок и не могу найти / понять, как создать уникальные URL-пути для уникальных элементов в моем приложении.Мне удалось отобразить props.match.params.id в дочернем компоненте, где мой <Route> выглядит как <Route exact path="/product/:id" component={Product}/> в родительском компоненте.Но теперь у меня есть массив объектов с именем items в состоянии родительского компонента, и я хотел бы отобразить дочерний компонент в зависимости от URL :id.Каждый элемент в моем массиве имеет идентификатор, но как я могу «связать»?url: id и id элементов в моем массиве?Дело в том, что когда вы нажимаете на изображение или название предмета в реальном интернет-магазине, вы переходите на более подробную страницу этого уникального предмета, и я пытаюсь сделать то же самое.

1 Ответ

0 голосов
/ 19 февраля 2019

Вы можете сделать это, используя что-то вроде этого

const items = [{ id: 1 }, { id: 2 }, { id: 3 }];
items.map(item =>
    <Route exact path=`/product/${item.id}` component={Product} />
)

Результирующий путь

/product/1
/product/2
/product/3
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...