如何处理react-bootstrap-table 2中的加载

Question

我想在获取数据之前在react-bootstrap-table2中实现loading属性。但是，由于我只是这个环境中的新手，我在处理它时遇到了一些困难。

这是生成表的代码：

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)"
    })}
  />
);}

如上所示，列是固定的并在构造函数中启动。数据和加载属性由父组件通过props检索数据填充。

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

执行此操作后显示错误

捕获TypeError：无法在'Window'上执行'getComputedStyle'：参数1不是'Element'类型。

我注意到如果load属性为false，它正常工作，但如果它变为动态，则显示错误。

那么，如何以正确的方式动态实现loading属性呢？

提前致谢。

Answer 1

由于我有使用这个表组件的经验，你有权但要确保它有效，请在render原型中记录this.props.loading，因为我认为它是未定义的（使用react ^ _ ^的正常事件）。或者尝试定义defaultProps和propTypes，如下所示：

static defaultProps = {
  loading: true
}