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数据丢失问题处理 相关源码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容