每次React Router / Navigation都会刷新我的页面

Question

我有如下所示的路由器和导航页面。

      <Router>
         <Switch>
            <Route path="/reports" component={Reports} />
            <Route path="/line-monitoring" component={LineMonitoring} />
            <Route path="/device-management" component={DeviceManagement} />
            <Route path="/" exact component={Dashboard} />
        </Switch>
      <Router>





            <NavLink onClick="" to="/" exact>Dashboard</NavLink>
            <NavLink onClick="" to="/device-management">Device Management</NavLink>
            <NavLink onClick="" to="/line-monitoring">Line Monitoring</NavLink>
            <NavLink onClick="" to="/reports">Reports</NavLink>

问题是每当我单击标题导航时，整个页面都会刷新。我该如何避免。

Answer 1

也许您可以使用shouldComponentUpdate方法？ 如果您使用withRouter方法包装了自己的组件，那么每次您更改location道具时，它将重新渲染