react學習隨筆4

2021-09-29 02:56:25 字數 1171 閱讀 2885

key 只是在兄弟節點之間必須唯一

陣列元素中使用的 key 在其兄弟節點之間應該是獨一無二的。然而,它們不需要是全域性唯一的。當我們生成兩個不同的陣列時,我們可以使用相同的 key 值

受控元件

在 html 中,表單元素(如、 和 )之類的表單元素通常自己維護 state,並根據使用者輸入進行更新。而在 react 中,可變狀態(mutable state)通常儲存在元件的 state 屬性中,並且只能通過使用 setstate()來更新。

我們可以把兩者結合起來,使 react 的 state 成為「唯一資料來源」。渲染表單的 react 元件還控制著使用者輸入過程中表單發生的操作。被 react 以這種方式控制取值的表單輸入元素就叫做「受控元件」。

總的來說,這使得 , 和 之類的標籤都非常相似—它們都接受乙個 value 屬性,你可以使用它來實現受控元件。

props 是唯讀的。

當 temperature 存在於 temperatureinput 元件的 state 中時,元件呼叫 this.setstate() 便可修改它。然而,temperature 是由父元件傳入的 prop,temperatureinput 元件便失去了對它的控制權。

在 react 中,這個問題通常是通過使用「受控元件」來解決的。與 dom 中的 接受 value 和 onchange 一樣,自定義的 temperatureinput 元件接受 temperature 和 ontemperaturechange 這兩個來自父元件 calculator 的 props。

狀態提公升

多個元件需要反映相同的變化資料,這時我們建議將共享狀態提公升到最近的共同父元件中去

構建應用

你可以自上而下或者自下而上構建應用:自上而下意味著首先編寫層級較高的元件(比如 filterableproducttable),自下而上意味著從最基本的元件開始編寫(比如 productrow)。當你的應用比較簡單時,使用自上而下的方式更方便;對於較為大型的專案來說,自下而上地構建,並同時為低層元件編寫測試是更加簡單的方式。

react 單向資料流(也叫單向繫結)的思想使得元件模組化,易於快速開發。

props和state的區別

props不能被其所在的元件修改,從父元件傳遞進來的屬性不會在元件內部更改;

state只能在所在元件內部更改,或在外部呼叫setstate函式對狀態進行間接修改

Mysql學習隨筆 4

sql語句規則 操作資料夾 建立資料庫 create database db2 create database db2 default charset utf8 檢視資料庫資訊 show databases 刪除資料庫 drop database db2 操作檔案 檢視 show tables 建立...

react學習筆記4

header class site header jumbotron div class container div class row div class col xs 12 h1 歡迎來到妙味課堂 h1 p class lead 妙味課堂是一支獨具特色的it培訓團隊,妙味反對傳統it教育枯燥乏味...

4月4日隨筆

我看了眼手錶 9 15 高三第 9 次月考結束了,教室裡零星坐著幾個人,疫情防控要求要至少 9 30 才能走。就在十幾分鐘前,我了解到我這次英語又考得不好。最後 15min 不想搞學,想在學校逛逛 去機房吧,畢竟那是我高中呆過的最久的地方。我再次走入了空教室 這間教室的陽台可以眺望整個高一高二教學樓...