React State注意事項

2022-04-28 03:06:04 字數 769 閱讀 9300

之前用 state 的時候還不熟,然後根據從返過來的 state 裡面的資料來渲染。但是有時候拿不到這個資料,因為

例如

// wrong

this.setstate();

以前都是加個if(state.value???)來判斷

今天又重新讀了下 react 官方的文件

要解決這個問題,可以讓 setstate() 接收乙個函式而不是乙個物件。這個函式用上乙個 state 作為第乙個引數,將此次更新被應用時的 props 做為第二個引數:

// correct

this.setstate((state, props) => ());

寫個箭頭函式就 ok 了

當你呼叫 setstate() 的時候,react 會把你提供的物件合併到當前的 state。

例如,你的 state 包含幾個獨立的變數:

constructor(props) 

}

然後你可以分別呼叫 setstate() 來單獨地更新它們:

componentdidmount() );

});fetchcomments().then(response => );

});}

這裡的合併是淺合併,所以 this.setstate() 完整保留了 this.state.posts, 但是完全替換了 this.state.comments。

java DOM 注意事項

1.w3c把標籤內的文字部分也定義成乙個node 2.element物件代表的是xml文件中的標籤元素 繼承於node,亦是node的最主要的子物件 3.attr實際上是包含在element中的,它並不能被看作是element的子物件,因而在dom中attr並不是dom樹的一部分,所以node中的 ...

static注意事項

static關鍵字是c,c 中都存在的關鍵字,它主要有三種使用方式,其中前兩種只指在c語言中使用,第三種在c 中使用 c,c 中具體細微操作不盡相同,本文以c 為準 1 區域性靜態變數 2 外部靜態變數 函式 3 靜態資料成員 成員函式 下面就這三種使用方式及注意事項分別說明 一 區域性靜態變數 在...

CSS注意事項

一 寬度 高度 對齊方式請別忘記他們 只要你時刻記得 div css 不變形的秘密你已經掌握了 90 也有對齊方式哦!一定要掌握當 對齊方式不同是 布局出現的問題!左右左 能不變形嗎?預設 是要換行的哦 div css的 居中對齊 是有條件的哦 所有當同級元素的對齊方式都為居中對齊的時候可以採用居中...