我只是开始使用HOCin React，让我有点困惑的一件事是，在这个例子中我的内部函数如何获得props作为参数的访问权限？
const withProps = Component => (
props => {
return <Component {...props}/>
}
)
export default withProps
HOC中的inner函数是如何获取props的
IT技术
reactjs
higher-order-functions
higher-order-components
2021-04-09 21:39:08
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 作为 props，因此在 HOC 中，内部函数像这样获取 props。