router导航栏问题，刷新页面，导航回到默认key上没在当前选项上？

Question

 <Menu theme="dark" defaultSelectedKeys={['总览']} mode="inline" onClick={this.onHandle}>
              <Menu.Item key="总览">
                  <Link to="/">
                      <Icon type="desktop" />
                      <span>总览</span>
                  </Link>
              </Menu.Item>
              <Menu.Item key="标签体系">
                  <Link to="/labelingSystem">
                      <Icon type="tag-o" />
                      <span>标签体系</span>
                  </Link>
              </Menu.Item>
              <Menu.Item key="数据营销">
                  <Link to="/tagCombination">
                      <Icon type="book" />
                      <span>数据营销</span>
                  </Link>
              </Menu.Item>
              <Menu.Item key="运营工具">
                  <Link to="/operationtool">
                      <Icon type="setting" />
                      <span>运营工具</span>
                  </Link>
              </Menu.Item>
              <Menu.Item key="数据分析">
                 <Link to="/dataAnalysis">
                    <Icon type="file-text" />
                    <span>数据分析</span>
                </Link>
              </Menu.Item>
          </Menu>
          
          上面是antd一个导航栏的组件，每次跳转成功后，刷新浏览器页面，导航总是回到defaultSelectedKeys 的 item 上 不在当前页面 的 item 上 求大神指点怎么处理~

Answer 1

选中状态是由defaultSelectedKeys/selectKeys决定的，切换页面后要改变对应的值才可以

Answer 2

页面刷新后，导航组件Menu所在的组件重新挂载，就会默认选中初始化的state中defaultSelectedKeys的状态；

Answer 3

同问此问题！
@李虹飞 可以补充下这个问题怎么解决吗？

Answer 4

遇到了相同的问题，使用React-router-dom ， 页面刷新后内容仍然是之前的内容没有返回到和导航相对应的内容页面，@李虹飞，是否已经有了解决的办法