新手入門远寸,有什么不到位的地方還希望大神給予指導(dǎo)!
今天在學(xué)習react代碼的時候遇到的問題:React.Children是什么阔蛉?
前提:1. 父子組件A 和 B
我們知道React父子組件之間的傳遞是通過 props 來實現(xiàn)的,先看個例子:
運行就可以在調(diào)試界面看到頁面的代碼是<div><div>content1</div><div>content2</div></div>
上面的例子中可以看出<div>框是我們熟知的html標簽,
我們再看個例子:
形如上面的代碼蚪拦,返回的是<div>content1</div>,在A中打印出來this.props信息是下面這個樣子的
好冻押,到這里就遇到了我們現(xiàn)在遇到的問題:如何控制傳入的elements呢驰贷?
在組件 A 中可以通過 this.props.children可以訪問到 B 中傳入的兩個 span 標簽,React提供了幾個方法洛巢,讓我們對他們進行處理:
1.React.Children.count(this.props.children):獲取有幾個標簽括袒,很顯然,在本例子中是兩個
2.React.cloneElement(children,[object props],[children . . . ]):這個方法是將 element 完全復(fù)制(克赂遘浴)
基于上面的方法锹锰,講組件A改成下面這個樣子
就可以在頁面中看到結(jié)果了:
不太會總結(jié)啊@炜狻3切搿!繼續(xù)希望以后能繼續(xù)完善米苹!