React的this.props.children


this.props用來獲取組件從外部傳入的屬性,但是this.props.children比較特殊,它是由React給添加上的,表示組件的所有子節點。
this.props.children可以用來讀取子節點,或者渲染子節點。
this.props.children所代表的子節點,不僅僅是指一個DOM節點,也包括子組件,它們是可以混合顯示的,例如:

<Grid>
  Here is a row:
  <Row />
  Here is another row:
  <Row />
</Grid>

1. this.props.children的值類型

this.props.children的值有三種可能:

1. 當前組件沒有子節點,為 undefined
2. 若只有一個子節點,類型為 Object
3. 若有多個子節點,類型為 Array

通常不直接處理this.props.children,而是用React.Children.map/forEach等API來操作,
該API進行了類型處理,保證不會出錯。

React.children的詳細用法,可以參考此處


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM