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线程。你能重复一下他说的话吗?