添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
善良的钥匙扣  ·  Python GUI: ...·  1 年前    · 
气势凌人的大葱  ·  java ...·  2 年前    · 
胆小的李子  ·  hive sql ...·  2 年前    · 
打酱油的排球  ·  WPF CheckBox与WinForm ...·  2 年前    · 

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} />