antd组件库进入界面默认展开所在区域二级菜单思路--用户体验bug解决方法

const [openKey, setOpenKey] = useState([]);


// 解决用户体验bug
useEffect(() => {
    newItems.map((v) => {   //遍历路由表
      if (v.children) {    //判断是否存在子路由
        v.children.some((i) => {    //检索满足条件的第一项返回
          if (location.pathname.indexOf(i.key) === 0) {   
            setOpenKey([v.key]);   //把满足条件的值赋给openKey
          }
        });
      }
    });
 }, [location.pathname]);


 //组件展开

你可能感兴趣的:(ux,bug,react.js)