重定向更改的URL，但不渲染组件

Question

我正在尝试使用props.history.push进行重定向。

当我这样做时，它会将URL更改为设置的位置，但是仍将呈现从其重定向的组件，而没有将其重定向到的新组件。我注意到将Router从index.js移到App.js文件时会发生这种情况。我什至为App使用了withRouter。我不确定为什么它不起作用。

• App.js

  return (
    <AnimatePresence exitBeforeEnter>
      <Switch location={location} key={location.key}>
        <Route exact path="/" component={LandingPage} />
        ...
        <Route exact path="/login" component={LoginPage} />
      </Switch>
    </AnimatePresence>
  );
};

export default withRouter(App);

• index.js

ReactDOM.render(
  <React.StrictMode>
    <Router>
      <GlobalContextProvider>
        <App />
      </GlobalContextProvider>
    </Router>
  </React.StrictMode>,
  document.getElementById("root")
);

有人可以告诉我我做错了什么吗吗