You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
By clicking “Sign up for GitHub”, you agree to our
terms of service
and
privacy statement
. We’ll occasionally send you account related emails.
Already on GitHub?
Sign in
to your account
The issue which is not created via
http://new-issue.ant.design
will be closed immediately.
场景:使用Hooks创建的输入框内容,纯函数已经通过forwardRef包裹,但是父组件获取输入框子组件内容报错!
<QueryForm wrappedComponentRef={(form: any) => (this.formRef = form)} />
这里的wrappedComponentRef报错!
子组件关键代码
const QueryForm = forwardRef((props: Props) => {
const [form] = Form.useForm()
return (
<Form layout="inline" form={form} className="check-account-assets">
</Form>
export default QueryForm
期望:在父组件中通过操作this.formRef.form.validacteFields()拿到输入框子组件的数值!
建议:优化一下文档,没有写清楚在使用Hooks创建的Form表单内容如何获取!
https://ant.design/components/form-cn/#API
“表单方法调”用那一块内容
注意:不是用
http://new-issue.ant.design
创建的 issue 会被立即关闭。
Hello
@EdisonVan
, your issue has been closed because it does not conform to our issue requirements. Please use the
Issue Helper
to create an issue, thank you!
你好
@EdisonVan
,为了能够进行高效沟通,我们对 issue 有一定的格式要求,你的 issue 因为不符合要求而被自动关闭。你可以通过
issue 助手
来创建 issue 以方便我们定位错误。谢谢配合!
// form子组件
export default React.forwardRef(function UserGroupForm(
{}: UserGroupFormProps,
ref,
const [form] = useForm();
React.useImperativeHandle(ref, () => ({ form }));
return (
<Form form={form}>
<Form.Item name={'name'}>
<Input />
</Form.Item>
</Form>
});
// 父组件获取form实例方式
const formRef = React.createRef<FormProps>();
const save = () => {
console.log(formRef.current?.form?.getFieldsValue());
<UserGroupForm ref={formRef} />