Блог

Главная - Вопросы по программированию - React-router-dom с материалом-пользовательский интерфейс работает, но не монтирует компоненты

React-router-dom с материалом-пользовательский интерфейс работает, но не монтирует компоненты

#reactjs #react-router #material-ui

#reactjs #react-router #material-ui

Вопрос:

Я работаю над этим проектом: https://codesandbox.io/s/trusting-frog-089l2 Моя цель состоит в том, чтобы (как предполагается, что react-router-dom работает) перемещаться между различными компонентами, используя кнопки Material-UI сверху. Единственная проблема в том, что, пока маршрутизатор работает (я вижу изменение точки монтирования в адресной строке), нужный компонент не монтируется. Кто-нибудь знает, как это решить?

Ответ №1:

  path='/studio/'

следует заменить на

 path='/studio'

а также вы должны изменить первый маршрут, чтобы иметь exact prop и удалить его из остальных Route компонентов

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

 <Switch>
     <Route exact path="/" component={Home} />
     <Route path="/studio" component={Studio} />
     <Route path="/stanzino" component={Stanzino} />
     <Route path="/affitti" component={Affitti} />
     <Redirect to="/" />
</Switch>

Комментарии:

1. Ой, извините. Правильно. Тем не менее, это не решение проблемы

2. почему бы и нет? каким было решение? обратите внимание, что я отредактировал свой вопрос, есть еще одна ошибка, которая не связана с тем, что u передает <Studio/> вместо Studio

3. Я написал это перед чтением редактирования. Теперь, по крайней мере, я получаю некоторую ошибку: Ошибка: недопустимый тип элемента: ожидал строку (для встроенных компонентов) или класс / функцию (для составных компонентов), но получил: object .

4. посмотрите на ответ еще раз, я снова его изменил