停止渲染页面直到API返回redux saga中的响应

Question

我正在使用React和redux saga，我需要在使用saga成功响应api调用之后呈现页面。伙计们请帮助我。 提前谢谢。

Answer 1

这并不难。在组件render（）中，定义以这种方式呈现内容的条件：

render(){
  if (!this.props || this.props.userData == undefined) {
    return (
      <LoadingSpinner />
    );
  }else{
    return (
      <div className="page">{this.props.userData}</div>
    );
  }
}

上面的示例是在userData准备就绪时呈现组件。