通过 useForm 封装form的最佳实践是什么?

[vaynevayne]

1. 在Form组件内部使用useForm, 内部读写无碍, 外部怎么读写form呢? 传ref进去, 就像 procomponent
2. 在Form组件外部使用useForm,外部读写无碍 ,内部怎么读写form呢? 传useForm的返回值进去

第二种貌似要好些 吗?

// 方式一 内层useForm 外层传入 formParams 和 ref

const MyForm =( formParams,ref)=>{.  
const handler = useForm(formParams)

useImperativeHandle(ref,{handler})
  }

const MyPage =()=>{

const getForm =()=>{
// how to get form ? 
}
const setForm =()=>{
// how to set form ? 
}


<MyForm.   />

<button onClick={getForm}><button>
<button onClick={setForm}>setForm<button>
}

// 方式二 外层useForm 外层传入 form

const MyForm =( form)=>{.  
form.getFiled('name')
form.setFiled('name',value)
  }

const MyPage =()=>{

const form = useForm()



<MyForm form={form}  />

<button onClick={getForm}><button>
<button onClick={setForm}>setForm<button>
}

[yinkaihui]

Form.Provider ?