Остановите рендеринг страницы, пока API не вернет ответ в саге Redx

Question

Я использую React вместе с Redx Saga, и мне нужно визуализировать страницу только после успешного ответа на вызов API с помощью Saga. ребята, пожалуйста, помогите мне. Заранее спасибо.

Answer 1

Это не сложно. В вашем компоненте render() определите условие для отображения вашего контента следующим образом:

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

Приведенный выше пример для визуализации компонента, когда userData готова.