React 元件的兩種建立方式

1、使用函式建立元件

函式元件：使用js的函式(或箭頭函式)建立的元件

約定1：函式名稱必須以大寫字母開頭

約定2：函式元件必須有返回值，表示該元件的結構

如果返回值為null，表示不渲染任何內容

const

component=(
)=>
哈羅啊<
/div>
或者function
component()
reactdom.
render
(>
, document.
getelementbyid
('root'
))

類元件：使用es6的class建立的元件

約定1：類名稱也必須以大寫字母開頭

約定2：類元件應該繼承react.component父類，從而可以使用父類中提供的方法或屬性

約定3：類元件必須提供render()方法

約定4：render()方法必須有返回值，表示該元件的結構

class

oneextends
react.component
}

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中，元件的建立方式有兩種...

React建立元件的兩種方式

react元件化開發 1.類元件 1 類元件需要繼承自react.component 2 類元件必須執行render函式，當render函式被呼叫時，它會檢查this.props和this.state的變化，並開始渲染 3 constructor是可選的 4 this.state維護的是元件內部的資...