HOC中的内部功能如何获得道具

Question

我只是开始使用HOCin React，有一点让我感到困惑的是，在此示例中，我的内部函数如何获得props作为参数的访问权限？

const withProps = Component => (
  props => {
    return <Component {...props}/>
  }
)

export default withProps

Answer 1

为了增加@AliAnarkali所说的内容，HOC将为您返回一个组件，因此当您编写类似

const EnhancedApp = withProps(App);

EnhancedApp基本上是

  const EnhancedApp = props => {
    return <Component {...props}/>
  }

哪个功能组件以及何时渲染EnhancedApp

<EnhancedApp onChange={this.onChange} value={this.state.value} />

这类似于功能组件如何接收onChange和value作为道具，因此在HOC中，内部函数会像这样获取道具。