リアクションライフサイクルの約束は、その後のライフサイクルメソッドを一時停止する方法ですか？

Question

ライフサイクルメソッドは非同期であると私は理解しています。 renderを実行する前に解決するために、私はアクションの発送をcomponentWillMountにしたい。

あなたはrenderで物事を制御するために待機するsetStateを使用して、あなたのReduxのアクションのための約束を使用している非同期動作を制御する1つの方法：

componentWillMount() { 
    this.props.myDispatchedAction().then(() => { 
    this.setState({loaded: true}) 
    }) 
} 

render() { 
    return (
    <div> 
     { this.state.loaded ? <div>waited for promise</div> : null } 
    </div> 
) 
} 

をしかし、それは単なる事実だ場合の約束が使用されていること（ renderが停止した場合は、これをasync/awaitと同じ方法で同期することができますか？

async componentWillMount() { 
    await this.props.myDispatchedAction() 
} 

Answer 1

これは同期的に見えますが、async/awaitは基本的にプロミスの構文砂糖です。このように、それはまだ非同期なので、機能は変わるべきではありません。