在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ react 通過children 方式嵌套組件， 怎么拿父組件props

react 通過children 方式嵌套組件， 怎么拿父組件props

背景描述：想通過children 方式嵌套組件， 怎么拿props

我知道要改下面這個 map 但是學的還不深入 不知道怎么改，我也知道把 HomeHeader 寫進 HomePage組件里面 能解決， 但是我希望更優(yōu)雅一點，通過children 方式嵌套，在index里面看起來更舒服點.

問題： HomeHeader 怎么拿到 HomePage 里面的props.config

代碼如下

// 頁面嵌套方式
<HomePage>
  <HomeHeader />
</HomePage>


// 父組件
// HomePage
static defaultProps = {
  config: 'aaa'
}

<div>
  {React.Children.map(children, child => {
    return child
  })}
</div>

// 子組件 
// HomeHeader
<div>
  header
</div>
回答
編輯回答
孤客

通過 props 往下傳遞

2017年1月27日 19:56
編輯回答
幼梔
<div>
  {React.Children.map(children, child => {
    return React.cloneElement(child,
         {
           config: this.props.config
         },
     );
  })}
</div>

HomeHeader中直接 this.props.config 取值

2018年4月7日 00:02
編輯回答
祈歡
// 父組件
// HomePage
static defaultProps = {
  config: 'aaa'
}

<div>
  {React.Children.map(children, Child => {
    return <Child config={config}/>
  })}
</div>

// 子組件 
// HomeHeader
<div>
  header
</div>


// 頁面嵌套
<HomePage>
  <HomeHeader />
</HomePage>
2017年12月19日 08:20