如何在React中将状态传递给MDBDataTable

Question

我对React有问题。我需要将一个对象传递给React的<MDBDataTable>，但是数据处于状态。关于如何实现此目标的任何想法？

必须像这样传递数据

<MDBDataTable className="text-center" striped hover bordered small data={this.state}

我的状态看起来像这样

this.state = {
      column: [
        {
          id: 'id'
        },
        {
          serialNumber: 'sn'
        },
        {
          name: 'yr'
        }
      ],
      rows: null
    };

默认情况下，行为空，并使用此代码添加

this.setState({rows: data.map(u => ({
  id: u.id,
  serialNumber: u.login,
  yearRange: u.firstName
}))});

当我console.log(this.state)时，它会显示应有的状态。 column和rows都填充了数据