reactjs - react ，带有异步更新程序参数的setState？

Question

有人知道在 React 中是否可以在 setState(updater) 中使用异步更新程序参数吗？我有以下不起作用的代码(调用了 f 但 UI 未更新):

this.setState( async (prevState) => ({
   foo: await f(prevState.someData)
}))      

显然 async 参数有问题。我不得不使用这个丑陋的替代版本:

this.setState( async (prevState) => {
   this.setState({
      foo: await f(prevState.someData)
   })      
})

上面的代码有没有更好的写法？

Answer 1

然后你可以setState两次。

this.setState((prevState) => {
    f(prevState.someData);        

    // Don't change state now.
    return {}; 
})

async f(someData) {
  this.setState(prevState) {
    // Do something
  }
}