背景描述：想通過children 方式嵌套組件， 怎么拿props我知道要改下面這個 map 但是學的還不深入 不知道怎么改，我也知道把 HomeHeader 寫進 HomePage組件里面 能解決， 但是我希望更優雅一點，通過children 方式嵌套，在index里面看起來更舒服點.問題： HomeHeader 怎么拿到 HomePage 里面的props.config代碼如下// 頁面嵌套方式<HomePage>
<HomeHeader />
</HomePage>// 父組件// HomePagestatic defaultProps = {
config: 'aaa'}
<div>
{React.Children.map(children, child => { return child
})}
</div>// 子組件 // HomeHeader<div>
header
</div>
2 回答
守著一只汪
TA貢獻1872條經驗 獲得超4個贊
<div>
{React.Children.map(children, child => { return React.cloneElement(child,
{ config: this.props.config
},
);
})}
</div>HomeHeader中直接 this.props.config 取值
倚天杖
TA貢獻1828條經驗 獲得超3個贊
// 父組件// HomePagestatic defaultProps = { config: 'aaa'}
<div>
{React.Children.map(children, Child => { return <Child config={config}/>
})}
</div>// 子組件 // HomeHeader<div>
header
</div>// 頁面嵌套<HomePage>
<HomeHeader />
</HomePage>添加回答
舉報
0/150
提交
取消