Question

因此，如标题中所示，我有2条路线，一条主要路线为一个“ Home”，然后当按下Home组件的链接之一时，只要我转到“ / m / milestoneID / p / projectID”第二种方法并在浏览器中按回去，我得到一个错误，似乎我通过.reverse（）传递给Home组件的数据在备份后不再被反向。

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}>

在浏览器中向后按下React Router即可更改道具

1 个答案: