参考链接:react高阶组件+ref转发的组合使用
// 高阶组件
function HOCChild(Child){
class HOCCom extends react.Component{
render() {
return <Child ref={this.props.childRef} {...this.props} />
}
}
return react.forwardRef((props, ref)=><HOCCom {...props} childRef={ref} />);
};
// 子组件ChildCom的ref转发到高阶组件中
let test = HOCChild(ChildCom);
// 父组件获取ref
class parentCom extends react.Component{
render(){
return <test ref={(ref)=this._testRef} />;
}
}
网友评论