小编典典

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

reactjs

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

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

export default withProps

阅读 266

收藏
2020-07-22

共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中,内部函数会像这样获取道具。

2020-07-22