React + Redux + Immutable - 不可变对象应该有多深？

Question

我有一个使用 React、Redux 和 Immutable 的全新项目。我创建了一个高度嵌套的不可变映射的状态。在什么时候（如果有的话）在我将它的部件向下传递到子组件的道具时应该调用它？

我认为将其始终保留为不可变类之一是有意义的（尤其是在新项目中），而且我非常喜欢 getIn 功能。

不利的一面是，尚不清楚表示组件深处的对象是不可变类还是普通 JS 对象。

Answer 1

我建议将其一直保持为不可变。

如果您在将不可变状态的一部分作为道具传递给子组件之前调用了 toJS，您将失去该子组件能够在其中对该道具进行简单引用检查的好处应该组件更新。请参阅advanced performance section of the React docs 了解更多信息。

你有什么理由想要调用 toJS 吗？最终，您最终还是会访问 UI 的原始值，因此使用 get/getIn 访问它们很容易。作为奖励，这些不可变类型带有一些方便的方法。

至于你提到的缺点，如果你使用react-immutable-proptypes，它可以很容易地看到/执行每个组件的期望。而且，如果您决定一直使用不可变，那么无论如何都没有什么可记住的。