我只是开始使用HOCin React,有一点让我感到困惑的是,在此示例中,我的内部函数如何获得props作为参数的访问权限?
HOC
React
props
const withProps = Component => ( props => { return <Component {...props}/> } ) export default withProps
为了增加@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中,内部函数会像这样获取道具。