在xstate中嵌套属性赋值？

Question

我知道您可以像这样使用assign动作创建者：

const setFoo = assign({
  foo: (context, event) => "someValueBasedOnContextAndEvent",
});

但你能这样用吗？

const setFoo = assign({
  foo: {
    bar: (context, event) => "someValueBasedOnContextAndEvent",
  }
});

当然，不删除foo的所有其他嵌套值。

Answer 1

David Kourship (xstate的创建者) 已应答这个在光谱上：

不，您不能，但是您可以创建一个自定义赋值函数来完成这个任务。

因此，我们基本上必须创建一个定制的还原器，它只选择性地更新嵌套对象中的一个字段。

Answer 2

我想你可以试试这样的方法：

const setFoo = assign({
    foo: (context, event) => {
        ...context, 
        foo: {
            ...context.foo,
            bar: "someValueBasedOnContextAndEvent"
        }
    },
});

这将用所需的值替换foo.bar值，context和context.foo的其余部分保持不变