停止渲染页面，直到 API returns 在 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准备好后渲染组件。