javascript - 如何在状态更新后调用异步函数？

Question

我在理解异步调用的概念时遇到了问题。

我的状态:句子:{作者:''，上下文:''，日期:''}

然后我有一个更新 Redux 中状态的函数:

edit(author, date) {
    let { sentence } = this.props;
    this.props.updateAuthor(sentence, author);
    this.props.updateDate(sentence, date)
}

这些更新方法是不同的操作，并且具有不同的 reducer 。

状态属性更新后，我想通过以下方式将数据发送到服务器:

function uploadToServer() {
    this.props.upload(this.props.sentence);
}

我迷失在更新完成后如何调用上传功能。

Answer 1

一种方法是利用 componentDidUpdate或componentWillReceiveProps生命周期方法来检查新的 props 是否具有您想要的更改，然后执行 this.props.upload从那里。类似的东西

componentWillReceiveProps (newProps) {
  // check if your state is updated with the attributes
  // this function will get called when it's going to receive new props,
  // in this case, when the redux store gets changed
  // this.props will be the unchanged props, newProps will be the changed props
  // then do this.props.upload()
}