react第三天學習筆記

2022-05-30 22:36:17 字數 1073 閱讀 1038

1.react中的事件中繫結方式:

1)使用箭頭函式即匿名函式進行繫結(缺點是,頁面每渲染次,就生成一次匿名函式)

2)使用普通函式進行繫結(缺點:函式內部this指向不一致,需要使用bind函式進行繫結this,但同樣造成渲染一次就bind一次,優點,bind函式可以傳參)

3)使用普通函式繫結且直接傳參,那樣就直接暴露了引數,需在普通函式內部呼叫普通函式並且bind this

4)這個是為了及時更新資料來源的state狀態,所以在繫結函式的內部呼叫根元件的函式改變根資料的state

2.react裡面通過ref來獲取元件中dom元素,要使用ref之前必須呼叫react.createref方法來建立乙個ref(這一般在建構函式中進行

3.原本由資料控制的元素,react中dom操作不能使資料發生變化,得自己從資料來源中去更改 

比如,由資料控制的核取方塊,在頁面點選時不能生效,但還是會觸發change事件 

4.頁面渲染時,事件繫結函式加個括號會自動執行事件繫結的函式(懷疑是閉包的問題)

5.render方法是react用來構建虛擬dom的

6.react的生命週期:

1)shouldcomponentupdate(nextprops,nextstate):方法在render方法前可以通過此方法來控制它返回true或false是否執行render

2)react中為了解決重複render問題,也準備了purecomponent物件(它會在上面的方法中對props和state進行第一層的比較)

3)react中有靜態的getderivedstatefromprops()方法,在render方法前可處理props,也可轉變state,即在方法中return即可,react會將它自動更新進state中

7.如果想要全域性擴充套件react.component的prototype,比如想把ajax的方法全域性掛載元件的this上

1)引入所有的ajax請求

import * as services from './services'

2)放進prototype原型物件中的新物件http

第三天 筆記

day03 運算子 1,單目運算子 運算元只有乙個的.比如 1 1 2,雙目運算子 運算元為兩個的.比如 1 2 3,三目運算子 運算元有三個.算數運算子 取餘 正負性的資料僅與第乙個運算元正負性一致 小括號優先順序最高.特點 1,什麼樣地資料型別相互運算,其結果還是什麼資料型別 自動型別轉換 由小...

第三天筆記

python資料型別學習 了解python的基本概念,表示式 語句 函式等,知道什麼是識別符號,有哪些注意事項,要怎麼去用,命名的規則,python有哪些關鍵字。關於python的資料型別大概有哪些,簡單的用法。重點學習了字串,什麼是字串,字串怎麼用,拼接 格式化 佔位符等具體怎麼操作。最後是變數的...

第三天筆記

表單元素 標籤屬性 1.action將使用者輸出的資料輸到哪個頁 2.method的兩種提交方式 1 get提交傳值的時候在使用者位址列中可以看到是顯示提交,有長度限制,2 post提交,不可以在位址列中看到 3.target b 新的 p 前乙個 solf 自身的 文字輸入 1.文字框 單標籤 1...