首頁  >  文章  >  web前端  >  react中props和state的差別什麼

react中props和state的差別什麼

coldplay.xixi
coldplay.xixi原創
2020-11-17 13:57:562275瀏覽

react中props和state的差別:1、props主要是用於元件之間傳遞參數,取得元件的屬性值,對於外界元件的屬性值,無法直接修改,它是唯讀的; 2.state主要用於元件更新控制,如果想重新渲染或更新元件,只需要修改state即可。

react中props和state的差別什麼

react中props與state的差異:

##props<strong></strong>

主要用於元件之間傳遞參數,取得元件的屬性值。元件之間資料單向流動 ,從父元件流向子元件。

對於外界/父元件的屬性值,無法直接修改,它是唯讀的。

state<strong></strong>

主要用於元件更新控制,如果想要重新渲染或更新元件,只需修改state即可,然後根據具體修改後的state,

重新渲染使用者介面(無操作DOM物件);

本元件內的資料   相對封閉的單元/結構的資料

例如

建立了  LikeButton  元件,

getInitialState 方法用來定義初始狀態,也就是一個對象,這個物件可以透過this.state 屬性讀取。當使用者點選元件,導致狀態變化,this.setState 方法就修改狀態值, 每次修改以後,自動呼叫this.render 方法,再次渲染元件

相關免費學習推薦:

JavaScript(影片)

以上是react中props和state的差別什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn