APIがredux sagaで応答を返すまでページのレンダリングを停止する

Question

私はreduxとreduxを使用しています。私は、sagaを使用してapi呼び出しの正常な応答の後でページをレンダリングする必要があります。みんな私を助けてください。 ありがとうございます。

Answer 1

これは難しくありません。コンポーネントのrender（）では、このようにあなたのコンテンツをレンダリングするための条件を定義します。

render(){ 
    if (!this.props || this.props.userData == undefined) { 
    return (
     <LoadingSpinner /> 
    ); 
    }else{ 
    return (
     <div className="page">{this.props.userData}</div> 
    ); 
    } 
} 

上記の例では、のuserDataの準備ができたときにコンポーネントをレンダリングすることです。