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

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" />
  }
}

你可以在測試中找到一個真實的例子。