Reactjs HOC中的内部函数如何获得道具

Reactjs HOC中的内部函数如何获得道具,reactjs,higher-order-functions,higher-order-components,Reactjs,Higher Order Functions,Higher Order Components,我只是想在React中使用HOC,有一件事让我有点困惑,那就是,在这个例子中,我的内部函数如何作为参数访问道具 const withProps = Component => ( props => { return <Component {...props}/> } ) export default withProps constwithprops=Component=>( 道具=>{ 返回 } ) 使用道具导出默认值 为了补充@AliAnarkali所

我只是想在
React
中使用
HOC
,有一件事让我有点困惑,那就是,在这个例子中,我的内部函数如何作为参数访问
道具

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

export default withProps
constwithprops=Component=>(
道具=>{
返回
}
)
使用道具导出默认值

为了补充@AliAnarkali所说的内容,HOC会返回一个组件,以便在编写类似

const EnhancedApp = withProps(App);
EnhancedApp基本上是

  const EnhancedApp = props => {
    return <Component {...props}/>
  }
const-EnhancedApp=props=>{
返回
}
哪一个是功能组件?渲染EnhancedApp时是什么样的

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


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

请描述您试图实现的目标,您希望如何调用此HOC,以及您为什么要这样编写代码(您是否遵循教程/博客文章/…?)。否则,你可能会因为你的问题无法回答而被否决。请清除你的用例这是一个没有任何功能用途的小例子,它只是简单地传递道具——我用这个简单的例子来帮助说明我的问题。@Samuel然后请更新你的问题,并描述你到底想用这个代码实现什么,以及客户端代码应该如何称呼它……谢谢你,这真的帮助我在脑海中把它分解了!很高兴能帮上忙:-)@ShubhamKhatri我缺少AliAnarkali线程。你能重复一下他说的话吗?