Извлечение данных из API в реагирующую загрузочную таблицу-2

Question

Я извлекаю данные из API и пытаюсь отобразить их в моей таблице начальной загрузки.Отображается, но я получаю некоторые ошибки.Первая проблема связана с необходимостью «данных».

Вторая проблема, по-видимому, заключается в том, что данные не были загружены вовремя, но я использовал оператор if, чтобы сначала загрузить данные.

    if (this.props.dataState.loaded){
         data = this.props.data.content;
        } else {
          this.renderLoading();
        }
    return( ...

Иногда он отображает страницу без проблем, в других случаях он влияет на другие компоненты и не загружается.Я всегда получаю консольные ошибки.Есть идеи, что я делаю не так?

Спасибо!

Answer 1

Вам также необходимо проверить наличие dataState, точно так же, как вы проверяете dataState.loaded. В приведенном ниже коде я предполагаю, что тип Props по умолчанию для data.content представляет собой массив.

Попробуйте это:

if (this.props.dataState && this.props.dataState.loaded){
         data = this.props.data.content ? this.props.data.content : [] ;
} else {
          this.renderLoading();
       }

Надеюсь, это сработает.