在同一路由路径上重新渲染组件

Question

我是 React Router 的新手。

我有一个使用 React Router 4 切换页面的菜单栏。

我发现如果我点击当前路径的菜单项，页面不会触发重新渲染。

（例如当前路径是/person，然后点击菜单项将切换到/person）

我有以下 React 路由器。

<Switch>
    <Route path={"/home"} component={Home} />
    <Route path={"/person"} component={Person} />
    <Route path={"/contact"} component={Contact} />
    <Route exact path="/" component={Login} />
</Switch>

如果点击当前路由，如何触发重新渲染组件？

谢谢

Answer 1

当您单击菜单项时，如果您不更改其页面组件的任何props 或state，则该组件将不会重新呈现。所以，你应该写一个函数来做两件事：loadData() 和Push()。然后，当你点击菜单项时调用它。