。

具体而言#xff1a;高阶组件是参数为组件#xff0c;返回值为新组件的函数。

组件…高阶组件

HOC是React中用于复用组件逻辑的一种高级技巧。

具体而言高阶组件是参数为组件返回值为新组件的函数。

props

此处不再搬运高阶组件具体如何使用的部分详情参考React官网文档即可。

ref转发forwardRef

简单讲就是让子级函数式组件除了props参数之外额外拥有第二个参数ref之后就可以在父组件中拿到这个ref从而去调用子组件中暴露出来的方法。

import

然后在父组件中可以定义ref属性来拿到子组件的引用伪代码示例如下

export

useRef();//调用方式://myInputRef.current.doXXX();return

(MyInput

那么通过forwardRef转发给子组件的ref所调用的具体方法/句柄如何定义呢

useImperativeHandle

例如以下代码就为MyInput组件提供了doSomething句柄供父组件通过ref来调用

import

useRef();//调用方式://myInputRef.current.doXXX();const

clickHandler

(){myInputRef.current.doSomething(/*params*/);

}return