React Router V4 - Маршрут не загружает правильный компонент

Question

Я только что перешел с маршрутизатора v2 на v4, и у меня возникла проблема.Я не могу понять, что не так.

Итак, у меня есть основной компонент, который загружает страницу в основном

<HashRouter>
  <Route
    path="/"
    render={(props) => <App pageOptions={options} routeProps={props} />}
  />
</HashRouter>, appNode);

А затем внутри App у меня есть Switch

<Switch>
  <Route
     exact
     path="/"
     render={() =>
        <Main
          options={this.props.pageOptions}
          {...this.state}
        />
     }
  />
  <Route
     path="/page/:id(/?)"
     render={() =>
       <Content
         options={this.props.pageOptions}
         {...this.state}
       />
     }
  />
</Switch>

Я захожу на страницу, и корневой маршрут работает нормально, но когда я пытаюсь получить доступ, скажем, этот URL /page/345 показывает все компоненты Main, а не Content.

Что мне здесь не хватает?

Answer 1

Есть ли какая-то конкретная причина, по которой вы используете hashRouter.Если вы замените его на BrowserRouter, он должен работать.

Дополнительная информация: https://medium.com/@djoepramono/react-router-4-gotchas-2ecd1282de65