反应:状态更新后,如何在数据表扩展中呈现数组?

时间:2020-04-28 03:04:24

标签: reactjs

在成功响应后,state被更新,但是未能将其呈现给react data表扩展名。表中未显示任何数据,但实际上已插入一列在table react-data-table-component-extensions中。我的目标是在表格中列出所有用户。我将分享一些代码片段:

Invisible Data

状态:

constructor(props) {
  super(props);
  this.state = {
    user_list:[]
  }
}

安装:

componentDidMount() {
  axios.get('/api/list_users',{
    // ...    
  }).then(res => {
    this.setState({ user_list:res.data.user });
  }).catch(err => {
    console.log(err);
  });
}

渲染方法:

 <DataTableExtensions
   columns={columns}
   data={this.state.user_list}
 >
    <DataTable
        noHeader
        defaultSortField="id"
        defaultSortAsc={false}
        pagination
        highlightOnHover
    />
 </DataTableExtensions>

0 个答案:

没有答案