state 和 props 之間的區別

2022-07-20 12:54:14 字數 463 閱讀 9649

setstate()會對乙個元件的state物件安排一次更新。當 state 改變了,該元件就會重新渲染。

呼叫setstate其實是非同步的 —— 不要指望在呼叫setstate之後,this.state會立即對映為新的值。如果你需要基於當前的 state 來計算出新的值,那你應該傳遞乙個函式,而不是乙個物件

傳遞乙個函式可以讓你在函式內訪問到當前的 state 的值。因為setstate的呼叫是分批的,所以你可以鏈式地進行更新,並確保它們是乙個建立在另乙個之上的

開始重新渲染之前,react 會有意地進行「等待」,直到所有在元件的事件處理函式內呼叫的setstate()完成之後。這樣可以通過避免不必要的重新渲染來提公升效能。

參考:

props 和 state的區別

一 時效性 所有資訊都具有時效性。文章的價值,往往跟時間有很大關聯。特別是技術類文章,請注意本文建立時間,如果本文過於久遠,請讀者酌情考量,莫要浪費時間。二 背景 在學習react的過程中,頻繁的跟props和state打交道,對於初學者來說,不知道什麼情況下來使用它們有時候不知道在什麼情況下來使用...

react中的state與props的區別

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

React學習(五) Props和State

react 是單向資料流。父元件可以把它的 state props 通過 props 傳遞給它的子元件來實現元件之間的通訊。props 本身是不可變的,但是有一種情形它貌似可變,即是將父元件的state作為子元件的props,當父元件的state改變,子元件的props也跟著改變,其實它仍舊遵循了這...