javascript - 在许多 setState 完成更新后执行函数

Question

我有一个设置状态的函数。我想在设置状态后调用一个函数。这是我的代码:

sanityChecking() {
    this.checkFirstName();
    this.checkSecondName();
    this.checkDomain();

    // Call this function after the top 3 functions finish setting their state
    this.Predict();
}

前三个函数中有 setState 。我尝试在所有更新完成后运行第四个函数 this.Predict 。有什么想法吗？

Answer 1

setState 可以内联设置多个状态，除此之外，它还有一个回调函数，如下所示:

this.setState({
    stateToChange: value,
    anotherStateToChange: value2,
    thirdValueToChange: value3
}, () => {
    console.log('I finished changing the states');
});

因此，对于您的代码，您可以创建一个设置状态的函数，并采用参数作为回调。然后将该回调参数添加到 setState 的第二个参数中。像这样:

function checkFirstName(stateCallback) {
    setState({firstName: 'Charley'}, stateCallback);
}

然后将它们全部链接在一起。或者您可以一次设置多个状态，并调用 setState 的回调作为第二个参数，就像我上面展示的那样。

有关这方面的更多信息，我遇到了 cool article on setState这是值得一读的。 (我没有任何隶属关系。只需快速谷歌搜索即可:)

如果这有帮助，或者您还有其他问题，请告诉我。