JZTXT
  • 首页
  • Ai
  • Java
  • Python
  • Android
  • Mysql
  • JavaScript
  • Html
  • CSS

【React+Antd】表格增删改

发布时间 2023-05-17 11:28:03作者: Esai-Z

Modal弹框进行增改,删除直接用filter进行删除

添加:

1 setTabledate([...tabledate, newD]);

 

删除:

setTabledate(tabledate.filter((item) => item.key !== record.key));

 

修改:

 const newTableData = tabledate.map((item, index) => {
                    return item.key == changeData.key ? Object.assign(item, changeData) : item
                })
                setTabledate(newTableData);

 

    本栏目推荐文章
  • 2024-01-13 记录react-dnd拖拽组件的用法
  • 2024-01-13 react 监听上一页返回
  • element表格table点击行,改变当前行的背景颜色
  • 2024-01-13 antd的tabel组件业务问题之勾选了table中的一项,然后弹出弹窗,接着关闭弹窗,刷新table,但是table选中的一项还是显示被勾选中的状态 ==》你没有改变所选中的数据(selectedRowKeys)
  • 2024-01-13 Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. ==》引用了未使用的方法导致
  • vba批量 调整表格 大小
  • 002*:React状态、属性、传值
  • antd中columns中配置的操作,如何,调用函数组件中的方法
  • 关于html表格学习
  • 关于对pandas.DataFrame的二维表格数据排序后-再写入到Excel表格的方法
版权声明:本网站为非赢利性站点,本网站所有内容均来源于互联网相关站点自动搜索采集信息,相关链接已经注明来源。
联系我们