高阶组件转发子组件ref

2022-02-11  本文已影响0人  花森文宝

参考链接: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} />;
    }
}
上一篇 下一篇

猜你喜欢

热点阅读