React之小知識點總結

2021-09-28 11:55:08 字數 733 閱讀 5096

總結react中常常被忽略的小知識點

1)即使state裡設定成和之前的值一樣,render也會重新渲染

2)父元件傳給子元件的屬性(props是唯讀的,在子元件中已在this.state裡將屬性賦值給定義的變數),如果屬性在父元件中可以操作改變值的話,那麼在子元件中就不建議修改,如果屬性在父元件不操作,那麼在子元件中就可以修改

3)通過bind繫結的函式,收到引數和事件時,事件會在引數後面,示例:

click

this.handleclick(param, event)   // 事件物件event要放在最後

4)陣列元素中的key應該在陣列上下文中被指定,即當你使用乙個listitem時,你應該將key放在listitem元件上,而不是listitem元件裡的元素上

5)陣列元素使用的key在其兄弟之間應該是唯一的,但在全域性不需要唯一,比如,兩個不同的陣列的元素的key可以相同

6)在建構函式裡定義的變數this.test,當改變this.test時,render不會重新渲染,只有狀態機state有更新時,render才會重新渲染

7)建構函式是唯一能夠初始化this.state的地方,在其他方法裡使用this.state是錯誤的,一般是通過this.setstate()來更新變數

8)jsx會移除空行,開始和結束的空格,字串常量內部的換行會被壓縮成乙個空格

更多專業前端知識,請上

【猿2048】www.mk2048.com

React 小知識點總結

是props所提供的語法糖,可以將父元件的所有屬性複製給子元件,子元件可獲取父元件中所有引數等。如下程式碼片段 查詢列表 class searchbooklist extends component this.props 此處獲取父元件的props return 呼叫的元件 this.props.h...

react知識點總結

1 react和vue的優勢 如何做技術選型 2 關於腳手架,用途,優勢 3 如何定義乙個react元件 4 pwa是什麼 功能 5 jsx語法規則 6 react父子元件通訊 7 如何優化乙個react專案 8 jquery和react的區別 9 什麼是單向資料流 10 函式式程式設計的好處 11...

小知識點總結

1.已知id取其他欄位的判斷顯示 2.呼叫3.1.8以上支援jquery和 4.乙個jsp頁面盡量只引用乙個jquery版本檔案,盡量也要是1.8以上的版本 function sub input,p1,p1 5 jquery1.8之前相容ie7,ie6 不要嘗試同時引用bootstrap.js,bo...