Antd Table新增数据后state数据改变后 组件没有重新渲染

 onCreate =values => {
    let newInfo=getInfoData()
    ck++
    newInfo.push({
      key:ck,
      ...values
    })
    setInfoData(newInfo);
    
    this.setVisible(false);
    this.getInfo()
  };

本想在本地模拟数据的存取和table的表现, 出了点问题

onCreate方法为提供给子组件的Modal用于添加一行数据,通过插件可知state发生改变,但是table依然没有重新渲染.

根据https://blog.csdn.net/qq_28060549/article/details/88051741

得知这样取list对象,实际为引用操作, 直接push就是在修改引用的内存数据, 而引用地址没有变化, react会认为虚拟dom没有发生变化.

重点: 更新state时, 注意不要在引用上直接操作

所以需要重新建立一个list

let newInfo=[...getInfoData()]

在此基础上进行数据的修改.