javascript - 仅当状态发生变化时才触发操作？

Question

我的状态是一个相当大的对象，但为了简单起见，假设它是这样的:

{
    otherStuff: {},
    currUser: {
      name: 'John',
      age: 20,
      location: 'NY'
    }
}

我有一个 saveUser(user) 操作，仅当 currUser 内的任何信息自上次 saveUser 发生更改时才执行> 已经完成了。做这个的最好方式是什么？我应该保存当时的状态然后稍后进行比较吗？或者有更好的办法吗？

Answer 1

按照此操作(假设您使用的是 redux)

1) 在任何 React 组件中执行 currUser 的 mapStateToProps(例如“登录”)

2) 在 Login 类中的 componentWillReceiveProps 下，将 this.props 与 nextProps 进行比较，看看您的 currUser 对象是否正在更改

3) 如果是，则触发 saveUser 操作。

如果您按照下面的评论提出请求:

它相当简单，在提交处理程序中，t

1) 将操作导入到所需的表单组件

2)在mapstatetoprops中进行bindActionCreators，希望你使用Redux/存储状态

3) 在提交处理程序中使用 this.props.YourAction。

这对你有用吗？