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

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

請問使用react如何獲取this.props.children 的對象實例 ?

請問使用react如何獲取this.props.children 的對象實例 ?

慕絲7291255 2022-01-07 11:07:04
<Com ref="node" />就像ref 一樣可以獲取對象實例ref 方法獲取對象實例后 就可以看到實例的內部屬性, 比如 state 之類的
查看完整描述

2 回答

?
holdtom

TA貢獻1805條經驗 獲得超10個贊

this.props 對象的屬性與組件的屬性一一對應,但是有一個例外,就是 this.props.children 屬性。它表示組件的所有子節點

var NotesList = React.createClass({render: function() {return (<ol>{React.Children.map(this.props.children, function (child) {return <li>{child}</li>;})}</ol>);}});ReactDOM.render(<NotesList><span>hello</span><span>world</span></NotesList>,document.body);

上面代碼的 NoteList 組件有兩個 span 子節點,它們都可以通過 this.props.children 讀取,運行結果如下。

  • hello

  • world

  • 這里需要注意, this.props.children 的值有三種可能:如果當前組件沒有子節點,它就是 undefined ;如果有一個子節點,數據類型是 object ;如果有多個子節點,數據類型就是 array 。所以,處理 this.props.children 的時候要小心。 
    React 提供一個工具方法 React.Children 來處理 this.props.children 。我們可以用 React.Children.map 來遍歷子節點,而不用擔心 this.props.children 的數據類型是 undefined 還是 object。 


查看完整回答
反對 回復 2022-01-10
?
侃侃爾雅

TA貢獻1801條經驗 獲得超16個贊

在React中,當涉及組件嵌套,在父組件中使用props.children把所有子組件顯示出來。如下: function ParentComponent(props){ return ( {props.children} ) } 如果想把父組件中的屬性傳給所有的子組件

查看完整回答
反對 回復 2022-01-10
  • 2 回答
  • 0 關注
  • 473 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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