React基礎-定義元件

weixin_33724059發表於2018-07-24
React元件

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

5488478-c79f223884bd1a46.png

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

5488478-f2705292d69fc7a5.png

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

結語：覺得有用的同學可以點個贊哦，一起學習，一起成長！

相關文章