Question

我有一个像这样的结构

   [{
      title: "Section 1",
      items: [{
          title: 'Dashboard',
          icon: 'tachometer-alt',
          route: '/dashboard',
          opened: false
        },
        {
          title: 'Appointments',
          icon: 'calendar-alt',
          route: '/appointments',
          opened: true
        },
        {
          title: 'Orders',
          icon: 'box',
          route: '/orders',
          opened: false,
          children: [{
            title: 'Orders submenu 1',
            route: '/orders/sub1',
            opened: false,
            children: [{
              title: 'Orders submenu 1 subsubmenu 1',
              route: '/orders/sub1/sub1sub1'
            }]
          }]
        }
      ]
    }]

这些基本上是带有菜单项的部分，每个菜单项可以包含子菜单，子菜单具有子菜单，等等。

我有一个切换功能，正在获取一个属性数组。我想取消此数组“标记”的变量，所以当我获取[0, 'items', 2, 'children', 0, 'opened']数组时，预期的行为是“ Orders子菜单1”的“ opened”属性设置为“ true” “。

属性索引器数组也是可变的，因此我可以根据需要进行一些调整。

使用Ramda，我可以使用R.path([0, 'items', 1, 'opened'], menu)轻松获得当前值，但是如何将其设置为“ true”呢？

例如，Jsfiddle：https://jsfiddle.net/hurtonypeter/1tm4wcuo/

Answer 1

您可以在Ramda中使用镜头来实现这一目标。

const togglePath = (path, obj) => R.over(R.lensPath(path), R.not, obj)
togglePath([0, 'items', 1, 'opened'], menu)

使用ramda.js路径对对象进行突变

1 个答案: