React學習筆記 Props State

2021-07-11 10:02:51 字數 1097 閱讀 6364

props是properties(屬性、效能)的縮寫,我們可以通過他把任意型別的資料傳遞給元件。

大部分元件從props獲取資料並渲染

他是唯讀的!!!

來看乙個例子

很明顯,在comment元件裡,我們通過this.props.author獲取到了hello!world.裡author的值。通過獲取到了hello!world.內部的值。

this.props在控制台列印出來是這樣的

之前已經強調過props是唯讀的。所以設定props分成兩個階段。

我們得到的是cyt,而不是liz.

只能在子元件或元件樹外呼叫setprops

有時需要對使用者輸入、伺服器請求或者時間變化等作出響應,這時才需要使用 state.react 裡,只需更新元件的 state,然後根據新的 state 重新渲染使用者介面.

state 應該包括那些可能被元件的事件處理器改變並觸發使用者介面更新的資料.

React學習筆記

專案需要使用react進行開發,故從vue與react的異同切入學習,記錄一下學習筆記 react整體的思路就是函式式,所以推崇純元件,資料不可變,單向資料流 單向繫結 當然需要雙向的地方也可以做到,比如結合redux form vue是響應式的思想,認為資料可變,通過watcher監聽每乙個屬性,...

學習react筆記

node中匯入模組 var 名稱 require 模組識別符號 node中向外暴露成員的形式 module.exports 在es6中,也通過規範的形式,規定了es6中如何匯入和匯出模組 es6中匯入模組,使用 import 模組名稱 from 模組識別符號 import 表示路徑 import f...

react獲取全域性 react學習筆記

個人之前也粗略看過react的文件,但是程式設計師最怕的就是沒有專案實操,看完後一段時間就全忘了,但是現在市面上react的使用又很多 我太難了 最近因為疫情只能呆在家裡,剛好利用這段時間搞一搞。當然也是粗略的搞,做完乙個大屏展示後,發現react上手確實比vue要難點。react沒有vue一樣的模...