Реагировать на задержку рендеринга, пока вызов выборки заполняет хранилище Redux

Question

Есть ли способ отложить рендеринг Reacts при выполнении вызова выборки для заполнения хранилища Redux, чтобы при рендеринге вызывать this.props из хранилища данные уже были там.У меня есть проблема, когда вызов store в методе render вызывает хранилище, которое в настоящее время является пустым объектом, и это приводит к аварийному завершению рендеринга.

До сих пор я решил создать пустой JSONс нулевыми данными, которые рендерит сначала вызывает, а затем при успешном извлечении он вызывает заполненное хранилище Redux, но есть ли более эффективный способ?

Answer 1

Вы не хотите откладывать рендеринг, это часть или реагирующая функция.

Рендеринг по мере получения новых данных (реквизиты, состояние).

В вашем случае вынеобходимо обратиться к различным «ситуациям с данными»

Итак, сначала ваш редуктор должен иметь состояние по умолчанию, т.е.

const YourComponent = props => {
  if (props.loading) {
    return <h1>loading</h1>
  }
  if (props.loaded && props.username==null) {
    return <h1>cant find user</h1>
  }
  return <h1>{props.username} is loaded</h1>
}

это всего лишь пример, ваш код должен быть лучше и организованнее:)