доступ к URL с помощью реакции-маршрутизатора

Question

По маршруту / каталогу / жанрам Я предоставляю список жанров

{genre.url} генерирует URL, например: / catalog / genre / 5ad0ecf98c1cff1e849266f3
Где или как я могу получить доступ к этому URL?

Я пробовал что-то вроде этого (глупо, я знаю), ничего не возвращает.

Answer 1

Пожалуйста, попробуйте следующий маршрут.

<Route path={"/catalog/genre/:id"} render={()=><h3>does not work</h3>} />

Или

<Route path={"/catalog/:genre/:id"} render={()=><h3>does not work</h3>} />

Надеюсь, это решило вашу проблему.

Answer 2

Ваш маршрут должен выглядеть как

<Route 
    exact
    path="/catalog/genre/:id"
>

, что одинаково для всех идентификаторов

<Link url="/catalog/genre/5ad0ecf98c1cff1e849266f3">Link Name1</Link>
<Link url="/catalog/genre/5ad0ecf98c1cff1e849266f4">Link Name2</Link>
<Link url="/catalog/genre/5ad0ecf98c1cff1e849266f5">Link Name3</Link>

В вашем случае компонент маршрута выйдет за пределы цикла и будет, как указано выше.

Answer 3

Компоненты маршрута автоматически получают реквизит, называемый соответствием. Этот реквизит содержит путь и параметры, которые должны хорошо служить вам.