react項目經驗(props與state)

使用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的編寫;

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容