useState 表格数据改变后不刷新

在使用 `useState` 的情况下，我们需要使用 `setTableData` 方法来更新表格数据。但是，这种方式并不会自动触发组件的重新渲染，因此需要使用 `useEffect` 钩子函数来监听表格数据的变化，并在数据变化时手动触发组件的重新渲染。

具体实现方法如下：

1. 在组件中使用 `useState` 来定义表格数据状态。

const [tableData, setTableData] = useState([]);

2. 在数据发生改变的时候，使用 `setTableData` 方法来更新表格数据。

handleChange = (newData) => {
  const updatedData = tableData.map(item => {
    if (item.id === newData.id) {
      return {...item, ...newData}
    }
    return item;
  });
  setTableData(updatedData);
}

3. 使用 `useEffect` 钩子函数来监听表格数据的变化，并在数据变化时手动触发组件的重新渲染。

useEffect(() => {
  // 组件挂载和表格数据变化时都会触发这个函数
  console.log('Table data has changed');
}, [tableData]);

这样，在数据发生改变时，`useEffect` 钩子函数会监听到表格数据的变化，并触发组件的重新渲染，从而实现刷新界面的效果。