停止React JS/Flux應用程序加載直到完成一個API請求？

Question

我使用React JS和Alt（Flux）庫。

最初我需要從REST API中獲取用戶數據。當這個請求不成功時，我不想渲染整個應用程序並顯示一些錯誤。如果數據成功獲取，則應繼續進行渲染。 Fo取數據我使用Axios庫。

如何實現這個獲取數據測試？

Answer 1

以下是一個解決方案，只有在通話成功時，纔會提前調用您的應用。

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 
    });