Antd Table 没有重新渲染答案

【问题标题】：Antd Table not re-renderingAntd Table 没有重新渲染
【发布时间】：2020-01-15 05:04:32
【问题描述】：

当我的 Antd 表中的开关打开时，我正在尝试重新渲染一个表以显示“标签”。我认为表格的呈现方式有问题。

https://codesandbox.io/s/staging-star-0itd6

任何帮助将不胜感激。

  function onChange(checked) {
    const changeTable = tableData;
    if (changeTable[checked.key].switch === "") {
      changeTable[checked.key].switch = "Tag";
    } else {
      changeTable[checked.key].switch = "";
    }

    setTableData(changeTable);
    console.log(tableData);
  }

【问题讨论】：

你的意思是在标签栏添加新标签，什么时候开启？

标签： javascript reactjs antd

【解决方案1】：

在react中，之前的状态是比较浅的。

因此，修改数组而不更改引用不会触发渲染。

  function onChange(checked) {
    const changeTable = tableData;
    if (changeTable[checked.key].switch === '') {
      changeTable[checked.key].switch = 'Tag';
    } else {
      changeTable[checked.key].switch = '';
    }

    //                  v Won't render
    // setTableData(changeTable);
    setTableData([...changeTable]);
  }

【讨论】：