react项目，点击浏览器的返回前进，路由切换了，但是导航栏没有切换，这个怎么处理？

Question

做一个网站，header和footer固定，中间内容通过路由匹配，
代码如下：
class App extends React.Component {

render() {

return (
  <div>
    <BackTop />
    <Layout className="layout">
      <Header className="header">
        <Headerc></Headerc>
      </Header>
      <Content className="content">
        <Switch>
          <Route
                 exact
                 path="/"
                 component={ Home } />
          <Route
                 path="/lab"
                 component={ Laboratory } />
          <Route
                 path="/hardware"
                 component={ Hardware } />
          <Route
                 path="/agricultural"
                 component={ Agricultural } />
          <Route
                 path="/service"
                 component={ Service } />
          <Route
                 exact
                 path="/diseases"
                 component={ Diseases } />
          <Route
                 path="/diseases/diseasesDetail/:id?"
                 component={ DiseasesDetail } />
          <Route
                 path="/aboutus"
                 component={ AboutUS } />
          <Route component={ Error } />
        </Switch>
      </Content>
      <Footer className="footer">
        <Footerc></Footerc>
      </Footer>
    </Layout>
  </div>
);

}
}

export default App;

现在的问题是，我切换导航菜单，路由可以正常切换，但是点击浏览器的返回键，路由切换了，导航栏菜单高亮没有改变，请问这个如何解决？

Answer 1

react-router 里面有个 withRouter函数了解下

Answer 2

说明你导航栏实现的有问题
https://reacttraining.com/rea...