使用props你可以吧任意類型的數據傳遞給組件;
組件對外公開一個簡單的屬性;(Props)來實現功能;
state和props主要的區別在于props是不可變的;而state可以根據與用戶交互來改變;這就是為什么有些容器組件
需要定義state來更新和修改數據。而子組件只能通過props來傳遞數據。
在子組件中;我們可以使用 this.props.name 來獲取父組件的state值;
在父組件中使用state;并通過子組件上使用this.props將其傳遞到子組件上;
在render函數中;我們設置name和site來獲取父組件傳遞過來的數據;
props相當于組件的數據流;它總是會從父組件向下傳遞至所有的子組件;
通過 setProps()方法改變組件屬性;觸發組件重新渲染;
React基于狀態實現對DOM控制和渲染;組件狀態分為兩種:一種是組件間的狀態傳遞,另一種是組件的
內部狀態;這兩種狀態使用props和state表示。props用于從父組件到子組件的數據傳遞;
組件內部也有自己的狀態:state,這些狀態只能在組件內部修改。
React基于狀態實現對DOM控制和渲染;組件狀態分為兩種;
1:組件間的狀態傳遞;(props) props從父組件到子組建的數據傳遞
2:組件的內部狀態;? ? (state)? state只能定義在組件內部;定義組件的自己的狀態
React中的數據流是單向的;只會從父組件傳遞到子組件;屬于props;
屬性props是父子組件間進行狀態傳遞的接口;React會向下遍歷整個組件樹;并從新渲染使用這個屬性的組件;
創建元素:React.createElement()
克隆元素:React.cloneElement()
React.DOM.div()===React.createElement('div')
組件(component)是對一個或一系列ReactElement的封裝;在React中組件被認為是最小的功能分離點;
合理的利用組件,可以解耦業務復雜度;可以更高效的完成UI的編寫;