как бороться с загрузкой в ​​ответной загрузочной таблице 2

Question

Я пытаюсь реализовать атрибут загрузки внутри реагировать на начальную загрузку таблицы до того, как будут получены данные. тем не менее, поскольку я просто новичок в этой среде, я столкнулся с некоторыми трудностями при работе с ней.

это код, который генерирует таблицу:

render() {
return (
  <BootstrapTable
    remote
    loading={this.props.loading}
    keyField="id"
    data={this.props.data}
    columns={this.state.stationColumns}
    pagination={paginationFactory()}
    overlay={overlayFactory({
      spinner: true,
      background: "rgba(192,192,192,0.3)"
    })}
  />
);}

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

<StationTable key="1" loading={(this.props.stationData.length >0)?false:true} data={this.props.stationData} />

после реализации это показало ошибку

пойман TypeError: Не удалось выполнить 'getComputedStyle' в 'Window': параметр 1 не относится к типу 'Element'.

Я заметил, что если атрибут загрузки имеет значение false, он работал нормально, но если он стал динамическим, он показал эту ошибку.

Итак, как я могу динамически правильно реализовать атрибут загрузки?

Заранее спасибо.

Answer 1

Поскольку у меня есть опыт использования этого компонента таблицы, у вас есть право, но чтобы убедиться, что он работает, пожалуйста, зарегистрируйте this.props.loading в прототипе рендера, потому что я думаю, что он не определен (нормальное событие в использовании реагируют ^ _ ^). Или попробуйте определить defaultProps и propTypes следующим образом:

static defaultProps = {
  loading: true
}