前端项目实战119-menu中 url改变侧边栏改变

第一步 找出路由中得指定id

useEffect(() => {
    let url:any= []
    props.subList.map((item: any) => {
      item.children.map((item1: any) => {
        if (item1.path == pathname) {
          url.push(item1.key.toString())
          setDefaultKey(url)
        }
      })
    })

第二步

绑定id

<Menu
      defaultSelectedKeys={defaultKey}
      defaultOpenKeys={defaultKey}
      onOpenChange={onOpenChange}
      selectedKeys={defaultKey}
      openKeys={openKeys}
      mode="inline"
      theme="dark"
      // inlineCollapsed={collapsed}
      className="aside"
      onSelect={onSelect}
      items={props.subList}
    />

这样就可以实现url变化得时候数据发生变化