美文网首页
高阶组件转发子组件ref

高阶组件转发子组件ref

作者: 花森文宝 | 来源:发表于2022-02-11 17:40 被阅读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} />;
        }
    }
    

    相关文章

      网友评论

          本文标题:高阶组件转发子组件ref

          本文链接:https://www.haomeiwen.com/subject/rhczkrtx.html