当项目增加时，数据表将无法正确更新

Question

我在ReactJS中有一个数据表，该数据表将更新表中的项目，但表本身不会重新呈现。

如果列表是通过API更新的，并且返回的项目比以前更多，则数据表将扩展，而不是每页放置10个项目。但是，如果我“刷新”数据表并强制其删除所有项目，然后重新加载新项目就可以了。但这是一种非常笨拙的方式，我希望有一个更好的解决方案。

在api调用完成之前，似乎表已加载。关于如何正确更新实际数据表的任何想法？

updatelist(){
//api call that updates the ticketlist that gets fed into the datatable}

loadDataTable(){
list=this.state.ticketlist.map((tickets, index)=>{
const(id, status)= tickets
return (
<tr key={index}>
<td>id</td>
<td>status</td>
</tr>
)}
return(<Datatable key={0}>
<table>
<thead>
<tr>
<td> ID </td>
<td> Status </td>
</thead>
<tbody>{list}</tbody>
</table>
</Datatable>

render(){
this.loadDataTable()

<button onClick={this.updatelist)> Update list </button>
}