Skip to content

forwardRef相关 #161

@ckinmind

Description

@ckinmind

参考资料

问题产生

在antd中想要在上层函数式组件获取到下级组件中的一些方法

function Parent() {
 const childRef = useRef(null)
 return (
   <div>
     <Child ref=childRef />
   </div>
 )
}

// -------------------
function Child(props, ref) {
  const [form] = Form.useForm() // antd的form实例
  ref.current = form  // 这时候父组件就能通过childRef去调用子组件的form方法了
   return (
    ....
  )
}
export default React.forwardRef(Child)

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions