Задать вопрос
@rsoinvi
react

Как правильно сделать вложенность в react router?

Подскажите как работать со вложенными страничками в роутере? Хочу чтобы контент внтури home отображался по ссылке то есть вот так home/services.

home и contacts работают, a service выдает пустую страничку

Код для компонента service
class MainBar extends Component {
  render(){
    return(
      <div className="center_container">
        <Route path="/service" component={Service} />
      </div>
    )
  }
}


Структура такая:

/home
   /Services
/Contacts
  • Вопрос задан
  • 75 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer 
<Route path="/home/services" component={Service} />
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 1
@jondoeonoe
Ты в консоль лог смотрел, ошибки? Можешь вообще сюда в песочнице залить, через codesandbox тот же, будет быстрее.

А по теме. Ты же просто пишешь мол "Отрендери мне этот компонент, если будет путь /service", конечно он не сможет на home/service, он будет работать только по пути /service
Смотри в доке match.url

https://reacttraining.com/react-router/web/example... Пример же есть в доке const Topics
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Senior React Developer
DARS • Москва
от 200 000 до 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
2500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы