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

Как правильно организовать роутинг в приложении?

Роутинг организован через react-router-dom. Структа следующая:
<Route exact path="/goods" component={ Goods } />
<Route path="/goods/:id" component={ Details } />
<Route exact path="/new" component={ NewGood } />

Хочу добиться, чтобы по роуту /goods/new был доступен компонент NewGood, т.е.:
<Route exact path="/goods/new" component={ NewGood } />

Проблема в том, что при таком маршруте /new становится как /:id. Как решить проблему?
Воспроизвел проблему в песочнице:
https://codesandbox.io/s/still-tdd-dcsir
  • Вопрос задан
  • 99 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
Devilz_1
@Devilz_1
Frontend-Developer
Ваш ответ на вопрос в документации

Немного растолкую.

1. Создаём роут по урлу "/goods", где будет рендериться компонента Goods (вы уже создали)
2. В компоненте Goods организовываем новый роутинг.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега React
Порядок важен, емнип:
<Route exact path="/goods" component={ Goods } />
<Route exact path="/goods/new" component={ NewGood } />
<Route path="/goods/:id" component={ Details } />
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽