停止 React JS / Flux 应用程序加载，直到完成一个 API 请求？

Question

我正在使用带有 Alt (Flux) 库的 React JS。

一开始我需要从 REST API 获取用户数据。当这个请求不成功时，我不想渲染整个应用程序并显示一些错误。如果成功获取数据，则应继续渲染。我使用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
  });