Реагировать на ошибки маршрутизатора

Мне нет конца. проблемы с моими маршрутами реакции ... прямо сейчас я загружаю и страницу шоу (AlbumPage), и страницу индекса для моих альбомов (AlbumPane) .... что парень должен сделать, чтобы маршруты работали правильно?

const App = () => (
  <div>
    <AuthRoute exact path = "/" component = {OfflineHeaderContainer} />
    <AuthRoute exact path = "/signup" component = {OfflineHeaderContainer} />
    <AuthRoute exact path = "/login" component = {OfflineHeaderContainer} />
    <AuthRoute path = "/" component = {Splash} />
    <Route exact path = "/home" component = {Index}/>
    <Switch>
      <ProtectedRoute exact path = "/photos/create" component = {Create} />
      <Route path = "/photos/:photoID" component = {Show} />
      <Route exact path = "/albums/:albumID" component = {AlbumPage} />
    </Switch>
    <Route path = "/albums" componen = {AlbumPane} />
    <Route exact path = "/users/:userID" component = {UserProfileContainer} />
  </div>
);

"маршруты, чтобы работать правильно", как именно вы имеете в виду, что работает "правильно"? Какой у вас точный вопрос?

Scott 14.10.2018 03:46

Вы неправильно написали здесь component: componen = {AlbumPane}

Scott 14.10.2018 03:47
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
2
39
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Похоже, у вас есть несколько опечаток, измените это:

<Route path = "/albums" componen = {AlbumPane} />

К этому:

<Route exact path = "/albums" component = {AlbumPane} />

Затем вы загрузите только нужный маршрут при условном запросе с помощью albumID.

Другие вопросы по теме