解决子组件被form.create包裹后,父组件无法使用ref调用子组件内部函数的问题

ui:hzero-ui

问题:子组件<ProjectStage/>使用了form.create后,ref引用被替换成了form实例,在父组件无法使用ref调用子组件函数

上代码

子组件在父组件中的引用:

 {stageList.map((item, index) => {
            return (
              <ProjectStage
                index={index + 1}
                childrenRef={el => {
                  projectStageRefs.current[index] = el;
                }}
              />
            );
          })}

 子组件使用useImperativeHandle钩子暴露内部方法

  useImperativeHandle(props.childrenRef, () => ({
    // getChildMessage,
    getFormData: () => {
      // @ts-ignore
      // console.log('11111111');
      props.form.validateFields((err, value) => {
        console.log(value);

      });
      return {
        value: 1,
      };
    },
  }));

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值