this.setState()的回调中的this.setState()

Question

是否可以在传递给this.setState()?的回调定义中显式调用this.setState()

this.setState(
 {
   openA:true 
 }, 
 () => {
   this.setState({
     openB: false
   })
 } 
)

Answer 1

这是可以做到的，这将导致2次重新渲染，而不是1次。通常不需要这样做。

如果setState是独立的，它可以是：

this.setState({ openA:true });
this.setState({ openB:false });

如果更新的状态相互依赖，则需要使用updater函数：

this.setState({ openA:true });
this.setState(state => ({ openB: !state.openA }));

Answer 2

是。它将在第一个setState完成后运行它。