现在主要是用 ant proform 来处理表单,
table 传进来的 props -> 我重新用[merge,setMerge] =usestate(props)包裹了下 mergeState, 然后在具体的某个定义的 editForm 里进行修改。然后涉及一些表单联动的（改了一个表单的值，影响另一个表单属性），我又写了个 [formState,setFormState]=usestate,主要感觉自己写的怪怪的。
我现在理想的是想写一些 form 的 hooks, {requestForm}=useFormRequest() {props} =useFormColumn() 传到<MyForm props={requestForm} >，苦于不知道如何封装。请教下大佬们哪里有这方面的资料，或者关键词。
 |
idealistJul 29, 2022
1
我记得 antd 的 Form 不是内部处理状态吗？不需要自己维护状态
|
 |
happyeverydayJul 29, 2022
2
用 ant 那套 form 就不应该自己处理 state 了啊，就算需要关联的改变操作，还是用 form.setFiledValues 去设置呀
|
 |
3
联动应该用 shouldUpdate => formRef.getFieldFormatValue(namePath) 来获取值，你用法就错了。
 |
 |
4
@hua123s 我试试谢谢
|
 |
carrymaniacJul 29, 2022
5
应该在 Form 的 onChange 去做相对应的处理，使用了 form 表单就不应该用受控组件的写法了
|
|
6
@carrymaniac 嗯 我看官方是推荐用 onValueChange 里集中修改 不过感觉使用起来还是很痛啊
|
 |
jsun969Jul 29, 2022
7
可以试一下 react hook form 哦
类型安全 很优雅地管理复杂表单 GitHub: https://github.com/react-hook-form/react-hook-form 官网： https://react-hook-form.com/ |
 |
gouanAug 5, 2022
8
@hua123s 其实使用自定义表单控件性能更好点，如果表单比较复杂嵌套，shouldupdate 性能不好，接受 value,onchange,value:{name:'xxxx'，useMode:''},你上面的 label 直接{value.name}合同 xxx 。
|
1
Select Language