如何停止组件渲染，直到我从API返回数据为止。为了进行异步API调用，我正在使用react redux-saga

Question

我正在ComponentDidMount中调用我的异步操作。现在我希望在我的数据从Api返回之前不渲染组件。我正在使用redux saga作为react-redux应用程序中的中间件。

Answer 1

使用redux-sage-routines，这样，您可以说每个api调用或操作都包含三个阶段。请求，成功和失败分别。您可以在状态下使用has_loaded，error_loading等变量，并在请求，成功和失败阶段进行更新。在您的react组件中，使用条件渲染通过使用这些状态来渲染您的组件。添加加载程序或微调框，直到您从api获得响应为止。