使用ramda.js路径突变对象

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']数组时，预期的行为将是“订单子菜单1“将其”已打开“属性设置为”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)