首頁  >  文章  >  web前端  >  React中props與state的差別是什麼?

React中props與state的差別是什麼?

青灯夜游
青灯夜游原創
2020-11-12 17:05:143471瀏覽

區別:1、props是傳遞給元件的(類似函數的形參),而state是在元件內部被元件自己管理的(類似於在一個函數內宣告的變數);2、 props是不可以被修改的,state是多變的,可被修改的。

React中props與state的差別是什麼?

(相關推薦:React影片教學

開發react元件,我們最常用到的兩個引起元件渲染的可能就是state和props了,那麼他們有什麼差別呢?

props:

  • props:函數元件的props就是函數的入參元件
  • 類別元件:this.props包含被該元件呼叫或定義的props

state:

  • 元件中的state包含了隨時可能變更的資料。
  • state是由使用者定義,是一個普通的JavaScript物件

區別:

  • props是傳遞給元件的(類似函數的形參),而state是在元件內部被元件自己管理的(類似在一個函數內宣告的變數)

  • props是不可以被修改的,所有的react元件都必須像純函數一樣保護他們的props不被修改

  •  state是在元件中創建,通常是在constructor中初始化state

  • state是多變的,可被修改的。每次setState都是非同步更新的

更多程式相關知識,請造訪:程式學習課程! !

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

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