javascript - 检查 componentWillReceiveProps 中的对象引用是否安全？

Question

我有一个连接到 redux 存储的组件，并且有一个如下所示的代码块:

if (this.props.person !== nextProps.person) {
   ...
} else  {
  ...
}

...

MyComponent.propTypes {
  person: PropTypes.object.isRequired
}

以这种方式检查对象引用是否安全？我可以假设在 reducer 中对象引用总是会改变吗？

Answer 1

只要你的 reducer 是一个纯函数，它就是安全的。为了保证纯度，这些是您绝对不应该在 reducer 中执行的 3 件最重要的事情:

• 改变其参数(使用 Object.assign 或 object spread operator 以避免对象发生突变)
• 执行 API 调用和路由转换等副作用
• 调用非纯函数，例如Date.now() 或 Math.random()。

如果您的 reducer 满足所有 3 个条件，则调度的任何特定操作都会修改状态树内的 person 属性，将产生一个新的 person 对象。

在这种情况下，this.props.person 和 nextProps.person 将是两个不同的对象，并且该对象引用检查将是正确的。但是，如果分派(dispatch)的特定操作未修改状态树内的 person 属性，则 this.props.person 和 nextProps.person 仍将是同一个对象