javascript - React — componentDidUpdate 作为 promise /回调。是否可以？

Question

我有一个用于更新组件状态的类方法。我希望该方法返回一个 promise ，该 promise 在组件更新时解决。我打算用于更新我的组件状态的方法只会在非常特定的情况下被调用，因此使用 componentDidUpdate 的传统方式只会让事情变得非常复杂。

一些伪:

addItems(newItems) {

  this.setState({items: [...this.state.items, ...newItems]});

  return new Promise(resolve => {
    this.componentDidUpdate(() => resolve());
  });

}

有什么建议吗？

Answer 1

如果你不想让 componentDidUpdate 困惑，你可以使用 setState 回调，它在状态更新和重新渲染后被调用。显然，建议在 componentDidUpdate 中包含这样的逻辑。

this.setState({items: [...this.state.items, ...newItems]},function(){
    //gets called after state update and re-rendering.
});