具有自定义浏览器历史记录的路由器仅在刷新后才有效

Question

每当用户单击 o 按钮时，我想使用自定义浏览器历史记录更改路线
但它隐藏了组件，而 URL 已更改

这是App

import { Router, Route } from "react-router-dom";
const App = () => {
  return (
    <div className="App">
      <Router history={history}>
        <Route path="/" exact component={FirstLogin} />
        <Route path="/second-step" exact component={SecondLogin} />
      </Router>
    </div>
  );
};
export default App;

这是自定义浏览器历史记录

import { createBrowserHistory } from "history";
export default createBrowserHistory();

这就是我试图称呼它的方式

    onClick={() => {
        history.push("/second-step");
      }}

Answer 1

我将history package 降级到版本4.10.1 ，它工作正常，看起来 v5 有问题