2016-04-07 14 views
0

私はAlt(Flux)ライブラリでReact JSを使用しています。JS/Fluxアプリケーションの読み込みは、1つのAPI要求が完了するまで終了しますか?

私はREST APIからユーザーデータをフェッチする必要があります。このリクエストが成功しない場合は、アプリケーション全体をレンダリングしてエラーを表示したくありません。データが正常に取得された場合は、レンダリングを続行する必要があります。 Foフェッチデータ私はAxiosライブラリを使用しています。

どのようにこのフェッチデータテストを達成するには?

+0

単純な古いAxiosリクエストを行い、成功のコールバックであなたの反応レンダリングをラップします。 – Jack

+0

Axiosは同期要求をサポートしていないようです。 – Artegon

答えて

2

ここでは、コールが成功した場合にのみ、コールを前面に表示してからアプリケーションをレンダリングするソリューションを示します。

axios.get('url') 
    .then(function (response) { 
    // success, let's render the app 
    // you can pass the whole response object or just the data to your app 
    ReactDOM.render(
     <MyApp reesponse={response}/>, 
     document.getElementById('app') 
    ); 
    }) 
    .catch(function (response) { 
    // something went wrong 
    }); 
関連する問題