目录

• 如何实现在当前表格直接更改数据
• 需求
• 效果如下
• 具体做法
• useState修改对象的字段

如何实现在当前表格直接更改数据

需求

　　用户点击修改按钮时直接在弹出框的当前页面内直接再次修改点击行相关信息：

效果如下

　　点击修改当事人信息时，直接将当前改为输入框，并将信息展示，同时操作栏内的内容变为保存和取消;

具体做法

　　我这里是使用的antd组件内的可编辑表格;当然原生的也可以做，以前也做过;

　　这里的关键是点击修改按钮时，令当前行的表格变为输入框，并展示数据;

　　给数据每一项加上 editable： true属性，并通过该属性控制 渲染的是数据还是可修改的输入框

　　这里是使用的useState()方法来进行状态控制的;

• 关于 useState 的用法是，需要传入一个参数作为状态的初始值，当函数执行后会返回两个值，一个是当前状态的属性，一个是修改状态的方法。
• 使用方法更新数据后会触发render()重新渲染数据