React筆記二 React物件導向程式設計

2021-10-22 21:05:22 字數 820 閱讀 7139

模組化:

1)理解:向外提供特定功能的js程式,一半就是乙個js檔案

2)為什麼要拆成模組:隨著業務邏輯增加,**越來越多且複雜

3)作用:復用js,簡化js的編寫,提高js執行效率

4)類似平時**封裝的 utils.js, hook.js, static.js

5)當應用的js都以模組來編寫,這個應用就是乙個模組化的應用

元件化1)理解:用來實現區域性功能效果的**和資源的集合

2)為什麼要使用元件化:乙個介面的功能更複雜

3)作用:復用編碼,簡化專案編碼,提高執行效率

5)當應用是以多元件的方式實現,這個應用就是乙個模組化的應用

1)函式內的this指向undefined

2)必須有返回值

3)函式名大寫

1)類中的構造器不是必須寫的,要對例項進行一些初始化的操作,如新增指定屬性時才寫

2)如果a類繼承了b類,且a類中寫了構造器,那麼a類構造器中的super()是必須要呼叫的

3)類中所定義的方法,都是放在了類的原型物件上,供例項使用

理解1)state是元件物件最重要的屬性,值是物件(key-value)

2)元件被稱為"狀態機",通過更新元件的state來更新對應的頁面顯示(重新渲染元件)

注意1)元件render方法中的this為元件例項物件

2)元件自定義方法中的this為undefined,如何解決

a.強制繫結this,通過bind()

b.定義方法時用箭頭函式 ——————推薦

c.方法調時用箭頭函式

3)狀態不可直接更改,借助內助api通過setstate()更新

React學習筆記(二)

div class mytitle extends react.component是 es6 語法,表示自定義乙個mytitle類,該類繼承了基類react.component的所有屬性和方法。react 規定,自定義元件的第乙個字母必須大寫,比如mytitle不能寫成mytitle,以便與內建的原...

React學習筆記 二 react全家桶專案實戰

技術棧 react redux react redux react router dom redux thunk axios ui框架是採用螞蟻金服的 antd design 因為只實現了幾個功能,頁面較少,所以採用的架構是按照型別劃分頁面結構,並且採用容器元件與ui元件分離的方式,這樣的話ui元件...

react獲取全域性 react學習筆記

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