反应表-不刷新内容

时间:2018-08-19 22:22:19

标签: javascript reactjs react-table

我正在尝试刷新由此库react-table生成的表中的内容。但是,由于某种原因,即使我更改了传递给Component的参数的状态,也无法正常工作。

<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})

我可以看到数据已更改,但表的内容保持不变。

2 个答案:

答案 0 :(得分:2)

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

使用上面的代码。原因:React没有看到突变。

答案 1 :(得分:0)

带我5个小时找出这个止痛药。 该死的。