目录:
1.react-进阶-antd-新增
2.react-进阶-antd-删除选中
1.react-进阶-antd-新增
新增代码,跟需改的代码类似,直接copy修改组件代码进行修改
userEffect可以先带着,没啥用
A6组件用到的函数跟修改的也类似:
这个useEffect函数用它是为了,点击每一行的数据不一样表单会变化
新增的表单是初始值固定的,不需要变化,因为不必要用useEffect来初始数据了
我们可以使用:
它不会像useEffect这样多次变更来影响我们表单了,只会初始化一次
还有一个问题:
新增完数据之后,再点击新增, 显示的是上一次的填的信息
我们希望新增成功之后,表单恢复成初始状态
此时就不会有上面那个情况了
2.react-进阶-antd-删除选中
先做批量删除的组件
后台测试可以每次设置初始化数据库:需要有两个脚本,一个表的脚本,一个插入数据脚本
配置文件设置
每次启动项目会初始化数据
对空数组做检查:
整合A6
A6组件选中的也定一个状态变量
删除之后,删除选中应该置灰: