react antd Form 切换Table分页后Table内Input数据丢失问题处理

问题描述:react antd Form 切换Table分页后Table内Input数据丢失问题处理

处理思路:在合适的时候更新数据源dataSource,例如切换分页前或编辑完成后,使dataSource保持在最新状态。

相关代码

  handleSave = (row) => {
    const newData = [...this.state.dataSource];
    const index = newData.findIndex((item) => row.key === item.key);
    const item = newData[index];
    newData.splice(index, 1, { ...item, ...row });
    this.setState({
      dataSource: newData
    });
  };

参考:
react antd Form 切换Table分页后Table内Input数据丢失问题处理 相关源码

你可能感兴趣的:(react antd Form 切换Table分页后Table内Input数据丢失问题处理)