反应仅在链接上起作用的嵌套路由

Question

我正在使用react-router-dom和create-react-app，并且在index.js和App.js中有两步路由，它工作正常，除非在刷新页面或输入手动链接，然后将其重定向到我不需要的/根路由。实际上，仅当我单击页面上的链接时，它才有效。该如何解决？

index.js

ReactDOM.render(
  <Provider store={store}>
    <Router>
      <Switch>
        <Route path="/" component={App} />
      </Switch>
    </Router>
  </Provider>,
  document.getElementById('root'),
);

App.js

const App = ({ logInUserWithOauth, auth, loadMe }) => {

  //...

  return (
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/login" component={Login} />
      <Route path="/register" component={Register} />
      <Route path="/profile" component={Profile} />
      <Route path="/feature" component={Feature} />
    </Switch>
  );
};

Answer 1

我用HOC保护了路由，却忘记了。