如何停止组件渲染，直到我从API获得数据.为了进行异步API调用，我使用react redux-saga

Question

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

Answer 1

使用redux sage例程，这样每个api调用或操作都有三个阶段。请求，成功和失败分别。您可以在状态中使用has_loaded、error_loading等变量，并在请求、成功和失败阶段更新它们。在react组件中，使用条件渲染通过使用这些状态来渲染组件。添加加载程序或微调器，直到从api得到响应。