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

如上所示，

列是固定的，并在构造函数中启动。数据和加载属性由父组件通过获取数据的道具填充。

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

实施此操作后显示错误

捕获到TypeError：无法在“窗口”上执行“ getComputedStyle”：参数1的类型不是“元素”。

我已经注意到，如果loading属性为false，它可以正常工作，但是如果变为动态属性，则会显示该错误。

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

谢谢。

Answer 1

根据我在使用此表格组件方面的经验，您有权利，但要确保它能正常工作，请在渲染原型中记录 this.props.loading ，因为我认为它是未定义的（正常使用react ^ _ ^的事件）。或者尝试像这样定义defaultProps和propTypes：

static defaultProps = {
  loading: true
}

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

1 个答案: