reactjs - 反冲 - 单原子与多个原子

Question

我有一个索引文件，其中包含我创建的向导的大量原子。

我想过移动所有的创作 -

export const foo1State = atom<string>({
    key: "foo1State",
    default: "",
});
export const foo2State = atom<boolean>({
    key: "foo2State",
    default: false,
});

使用 JSON 合二为一 -

    export const fooStates = atom<fooState>({
        key: "fooStates",
        default: {
                     foo1State: string = "",
                     foo2State: boolean = false,
                  }
     });

这是更好的方法吗？ 我会提到所有输入都经常变化，因此需要考虑渲染。

你觉得怎么样？

谢谢

Answer 1

如果每个状态都有单独的原子，那么您可以独立订阅每个状态。如果将它们全部合并为一个，则每次更新 foo2State 时，渲染 foo1State 的组件都会重新渲染，反之亦然。如果原子变得非常大，这可能会出现问题。

如果您没有任何特殊原因需要将 foo1State 和 foo2State 保存在单个原子中，请采用第一种方法，并将它们分开保存原子。