美文网首页
react antd Form 切换Table分页后Table内

react antd Form 切换Table分页后Table内

作者: 日不落000 | 来源:发表于2021-12-01 13:48 被阅读0次

问题描述: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内

      本文链接:https://www.haomeiwen.com/subject/enwcyltx.html