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