反應表 - 不刷新內容

Question

我正在嘗試刷新用這個庫react-table 生成的表中的內容。 但是，由於某種原因，它不起作用，即使我更改了傳遞給組件的參數的狀態。

<ReactTable
   data={this.state.data}
   columns={this.state.headers}
/>

以及改變數據的函數：

  let data= this.state.data;
  for (var i = 0; i < data.length; i++) {
    data[i].name="TEST"
  }
  this.setState({data: data})

我可以看到數據已更改，但表的內容保持不變。

Answer 1

let data= this.state.data;
const newData = data.map(d=>({...d, name:"Test"}));
this.setState({data: newData})

使用上面的代碼。 原因：React 沒有看到突變。