React路由器在浏览器中按回更改道具

Question

因此，在标题中，我有2条路线，一条主要是“Home”，然后当按下Home组件中的一条链接时，它会转到'/ m / milestoneID / p / projectID'，每当我进入第二条路线时回到浏览器中我得到一个错误，看起来像我传递到Home组件与.reverse（）的数据在支持后不再反转。

const App = () => (
  <Router>
    <div>
      <Switch>
        <Route path="/m/:milestoneID/p/:projectID" component={ProjectDetails} />
        <Route component={Home} />
      </Switch>
    </div>
  </Router>
);
const Home = () => {
  return (
    <div>
      <ChronologyGraph
        width="1000"
        height="2000"
        nodeSize={10}
        milestones={milestones.reverse()}
        columns={nodeTypes}
      />
    </div>
  );
};

Answer 1

您需要在路由器中提供历史记录：

import { Router } from 'react-router'
import createBrowserHistory from 'history/createBrowserHistory'

const history = createBrowserHistory()

<Router history={history}>