react中state與setstate的使用

2022-09-16 10:21:13 字數 598 閱讀 6447

我們可以利用state來定義一些變數的初始值

//

放在construcor裡

this.state =

要更改state裡的值,注意要遵循react裡immutable規範,state不允許我們做任何改變,只能通過setstate來更改

const list = [...this

.state.list];

list.splice(0, 1);

this.setstate();

const list = [...this

.state.list];

list.splice(0, 1);

this.setstate((prevstate) =>());

還可以這樣寫

this.setstate((prevstate) => 

});

setstate第二個引數**函式,在setstate設定完之後執行,可以對改變後的資料進行操作

this.setstate((prevstate) => 

}, () =>);

React中state與props比較

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

react中的state與props的區別

1 props是父元件向子元件傳遞資料的方式,子元件只能讀取但不能修改props中的資料 1.1 在有狀態元件中,子元件通過this.props.something獲取父元件傳遞的資料 1.2 在無狀態元件 也叫函式元件 中,通過prop.something獲取父元件傳遞的資料 2 state元件的...

react中如何修改state值

根據state型別 更新 當狀態發生變化時,如何建立新的狀態?根據狀態的型別,可以分成三種情況 1 狀態的型別是不可變型別 數字,字串,布林值,null,undefined 這種情況最簡單,直接給要修改的狀態賦乙個新值即可 原state this state 改變state this setstat...