React基礎-定義元件

weixin_33724059發表於2018-07-24

下圖展示的是可以定義一個CommentBox元件,用於展示整個評論的列表頁面,可以定義一個CommentForm元件用於展示提交評論的功能。

5488478-c79f223884bd1a46.png

下圖是可以在app目錄下建立一個comment檔案目錄用於存放相關的評論元件,建立CommentBox.js作為評論的元件,程式碼如下:

5488478-f2705292d69fc7a5.png

建立一個類CommentBox繼承自React.Component元件,render()用於展示相關的檢視頁面,return()用於返回建立的多個檢視;最後的export{},表示的是作為一個預設元件匯出來,這樣其它元件就可以匯入該元件,使用該元件的功能。

結語:覺得有用的同學可以點個贊哦,一起學習,一起成長!

相關文章