非同期のアップデータパラメータを使用して、setStateに反応しますか？

Question

ReactでsetState(updater)で非同期アップデータパラメータを使用することができるかどうかは知りませんか？

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

どうやらasyncパラメータが問題です：私は（fが呼び出されるが、UIが更新されていない）動作していない、次のコードを持っています。私はこの醜い代替バージョンを使用しなければならなかった：

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

上記のコードを書く良い方法はありますか？

Answer 1

私はあなたがメソッドに対してsetStateを呼び出すと仮定しています。それでは、メソッドに非同期を置くのはなぜですか？ SETSTATEは、副作用のない純粋な関数にする必要があるので、あなたがSETSTATEの内部で非同期を使用することはできません

async handleSomething() { 
 
    //.. some logic 
 

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

Answer 2

。ただ、SETSTATE呼び出しの前に非同期メソッドを実行します。

async classMethod =() => { 
    let response = await someAsyncOperation(this.state.someData); 
    this.setState({ someData: response }); 
} 

Answer 3

次に、あなたが二回setStateことができます。