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

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()。然后，当您单击菜单项时调用它。