react中的state與props的區別

2021-09-25 21:46:01 字數 402 閱讀 7428

1、props是父元件向子元件傳遞資料的方式,子元件只能讀取但不能修改props中的資料

1.1 在有狀態元件中,子元件通過this.props.something獲取父元件傳遞的資料

1.2 在無狀態元件(也叫函式元件)中,通過prop.something獲取父元件傳遞的資料

2、state元件的狀態機,元件可以讀取和修改元件的state,state的變化會引起元件的重新渲染。state可能是被元件的事件處理器改變並觸發使用者介面更新的資料。

2.1 並不是元件中用到的所有變數都是元件的狀態。以下4種情況都不屬於元件的狀態

1)變數通過props從父元件獲取

2)變數在整個生命週期中保持不變

3)變數可以通過其他狀態或屬性計算得到

4)變數沒有在元件的render中使用

react中state與setstate的使用

我們可以利用state來定義一些變數的初始值 放在construcor裡 this.state 要更改state裡的值,注意要遵循react裡immutable規範,state不允許我們做任何改變,只能通過setstate來更改 const list this state.list list.spl...

React中state與props比較

state 的主要作用是用於元件儲存 控制 修改自己的可變狀態。state 在元件內部初始化,可以被元件自身修改,而外部不能訪問也不能修改。你可以認為 state 是乙個區域性的 只能被元件自身控制的資料來源。state 中狀態可以通過 this.setstate 方法進行更新,setstate 會...

React中prop和state的區別

本文章已收錄於 react知識庫 需要理解的是,props是乙個父元件傳遞給子元件的資料流,這個資料流可以一直傳遞到子孫元件。而state代表的是乙個元件內部自身的狀態 可以是父元件 子孫元件 改變乙個元件自身狀態,從語義上來說,就是這個元件內部已經發生變化,有可能需要對此元件以及元件所包含的子孫元...