使用 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”的“打开”属性设置为“真”。

属性索引器数组也是可变的，所以如果需要，我可以稍微调整一下。

使用 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)