如何訪問BaseComponent的引用或任何級別的組件？

Question

原始問題：https://github.com/acdlite/recompose/issues/232

我該如何訪問BaseComponent的ref或任何級別的組件？

代碼：

class BaseComponent { 
    doSth(){...} 
} 
const Component compose(...some)(BaseComponent); 

class App { 
    componentDidMount() { 
     // undefined(doSth) is not a function 
     this.refs.component.doSth(); 
    } 
    render() { 
     <Component ref="component" /> 
    } 
} 

Answer 1

您可以使用hoistStatic。

class BaseComponent { 
    doSth(){...} 
} 

const enhance = compose(...some) 

const Component = hoistStatics(enhance)(BaseComponent) 

class App { 
    componentDidMount() { 
    this.refs.component.doSth() 
    } 
    render() { 
    <Component ref="component" /> 
    } 
} 

你可以找到一個真實的例子in the test。