美文网首页
react 项目中二级路由默认选中菜单的效果

react 项目中二级路由默认选中菜单的效果

作者: 无名程序猿 | 来源:发表于2019-04-10 11:23 被阅读0次

1、效果如下

默认选中"日"

2、获取当前路径 ‘’#‘’后的路径

if (path !== '/' && '/meeting/day'.indexOf(path) == 0) {

      path = '/meeting/day';

 }

判断 当选择列表后 路径是 “/meeting” 此时默认将path赋值为 “/meeting/day”

3、 菜单组件(Menujsx)将current传入当前选中的路径给selected

props传入无状态组件 Menus.jsx Menus.jsx

menus redux中使用

相关文章

  • react 项目中二级路由默认选中菜单的效果

    1、效果如下 2、获取当前路径 ‘’#‘’后的路径 if (path !== '/' && '/meeting/d...

  • 2018-03-30

    最近在做项目时,遇到一个这样的需求,就是在多级菜单中,选中二级的复选框,默认将它下面的三级复选框全部选中,若选中一...

  • iview左侧导航实现

    1、二级菜单name如果相同,选中二级菜单后,其他一级菜单中的二级菜单也会被选中,name要定义不同参数{name...

  • angular6.x--路由

    >创建路由 >动态路由 >默认跳转路由 **>routerLinkActive设置routerLink默认选中路由...

  • js关于近似匹配路径

    最近用到antd的menu导航菜单组件,官网中默认选中菜单功能defaultSelectedKeys只能默认选中已...

  • 菜单的默认选中

    实现效果是当打开用户展示页面时,默认‘用户列表’,选中,当打开“新增用户”时,‘新增用户’自动选 中。 Reque...

  • 下拉列表控件---iOS---多级下拉列表控件

    简单好用的, 可自定义选中和非选中状态样式的 (最多支持二级的)下拉列表菜单控件---支持默认选中的条件状态改变 ...

  • vue+jquery刷新界面默认选中侧边菜单栏

    之前项目要求刷新界面时要默认选中当前路径的侧边菜单栏,如果侧边菜单栏如果没有当前路径,则选中上一页的菜单 首先使用...

  • Vue 默认展开路由所在的菜单

    默认展开路由所在的菜单

  • React 路由动态加载

    最近的项目首页存在多个路由标签,且每个路由页都比较复杂,使用默认的 react-scripts build 打包之...

网友评论

      本文标题:react 项目中二级路由默认选中菜单的效果

      本文链接:https://www.haomeiwen.com/subject/cgtniqtx.html