亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將道具傳遞給{this.pros.child}

如何將道具傳遞給{this.pros.child}

翻閱古今 2019-06-21 16:37:21
如何將道具傳遞給{this.pros.child}我試圖找到正確的方法來定義一些可以通用方式使用的組件:<Parent>   <Child value="1">   <Child value="2"></Parent>當然,在父組件和子組件之間呈現的邏輯是可以想象的。<select>和<option>作為這個邏輯的一個例子。為本問題的目的,這是一個虛擬的實施:var Parent = React.createClass({   doSomething: function(value) {   },   render: function() {     return (<div>{this.props.children}</div>);   }});var Child = React.createClass({   onClick: function() {     this.props.doSomething(this.props.value); // doSomething is undefined   },   render: function() {     return (<div onClick={this.onClick}></div>);   }});問題是當你使用{this.props.children}若要定義包裝器組件,如何將某些屬性傳遞給所有其子組件?
查看完整描述

3 回答

?
慕姐8265434

TA貢獻1813條經驗 獲得超2個贊

要想獲得一種稍微更干凈的方法,請嘗試:

<div>
    {React.cloneElement(this.props.children, { loggedIn: this.state.loggedIn })}</div>

只有在只有一個孩子并且是一個有效的反應元素的情況下,這才能起作用。


查看完整回答
反對 回復 2019-06-21
?
慕標琳琳

TA貢獻1830條經驗 獲得超9個贊

嘗嘗這個

<div>{React.cloneElement(this.props.children, {...this.props})}</div>

我用的是反應-15.1。


查看完整回答
反對 回復 2019-06-21
  • 3 回答
  • 0 關注
  • 671 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號