react antd 导航栏 刷新之后高亮当前页面,展开当前页面父级导航

Question

数据data遍历出两个First页, Second页 这个时候 defaultSelectedKeys= {[this.props.history.location.pathname]} 就会有两个重复的key值 选中其中一个导航 另一个也会选中 这种鬼畜操作应该怎么设置defaultSelectedKeys和key??? ψ(._. )>

<Menu defaultSelectedKeys={[this.props.history.location.pathname]} openKeys={this.state.openKeys} >

  <Menu.Item key="/home">
    <Link to={"/home"} onClick={()=>this.onclickHome()}>
         <Icon type="home"/>
         <span> 首 页 </span>
    </Link>
  </Menu.Item>
  {Array.from(data).map((item,index)=> {
    return (
        <SubMenu key={shopId} title={item.Name}> 
                <Menu.Item key="/First" >
                  <Link to={
                     {
                      pathname: `/First`,
                      state: {
                        shopId: shopId,
                      },
                     }
                   } 
                   onClick={()=>this.onclickFirst(shopId)}
                  >
                  First页 
                 </Link>
                </Menu.Item>
                <Menu.Item key="/Second" >
                  <Link to={
                     {
                      pathname: `/Second`,
                      state: {
                        shopId: shopId,
                      },
                     }
                   } 
                   onClick={()=>this.onclickSecond(shopId)}
                  >
                  Second页 
                 </Link>
                </Menu.Item>
                ......
       </SubMenu>
    )
  }
  
 </Menu>