React建立元件的兩種方式

2021-10-12 07:23:07 字數 369 閱讀 2899

react元件化開發:

1.類元件:

<1>.類元件需要繼承自react.component

<2>類元件必須執行render函式,當render函式被呼叫時,它會檢查this.props和this.state的變化,並開始渲染

<3>constructor是可選的

<4>this.state維護的是元件內部的資料

<5>.在類元件中訪問state裡面的資料時,必須使用this.state.屬性名訪問屬性值;

2.函式元件:

<1>會被更新並掛載,但是沒有生命週期

<2>沒有元件化例項(this)

<3>沒有內部資料(state)

React 元件的兩種建立方式

1 使用函式建立元件 函式元件 使用js的函式 或箭頭函式 建立的元件 約定1 函式名稱必須以大寫字母開頭 約定2 函式元件必須有返回值,表示該元件的結構 如果返回值為null,表示不渲染任何內容 const component 哈羅啊 div 或者function component reactd...

React建立元件的兩種方式

function hello props class animal,作用是例項化物件時先執行建構函式的 this.name name this代表的是例項物件 this.age age say ji1 888 例項屬性 static 男 靜態屬性 static class cat extends a...

React元件的兩種建立方式

建立元素 const div react.createelement div 建立元件 const div react.createelement div 元件可以理解成,乙個建立元素集合的模板,當前我可能不需要它生成什麼東西,但我呼叫時,它能幫我生成我要的東西。在react中,元件的建立方式有兩種...