如何在react中对HOC使用refs?

向WrappedComponent添加一个ref,然后找到DOM实例

export default function Connector() {
    return function wrap(WrappedComponent) {
        class MyComponent extends PureComponent {
            componentDidMount(){
                //find node here and attach event listener
                this.node = ReactDOM.findDOMNode(this.componentRef);

            }
            componentWillUnmount(){
                //remove event listener
            }

            ....
            render() {
               <WrappedComponent 
                   {...this.props}
                   ref={(ref) => this.componentRef = ref}
               />
            }
        }
    }
}

另一种方法是将prop innerRef传递给WrappedComponent,并将其留给WrappedComponent将ref传递给DOM节点

   <WrappedComponent 
        {...this.props}
        innerRef={(ref) => this.componentRef = ref}
   />

然后在WrappedComponent中

 render() {
     return (
        <div ref={this.props.innerRef}>{/* */}</div>
     )
  }