React第一個組件(不同方式)

方式一:

類方式(推薦),在項目src下面創建一個HelloReact.js,內容如下:


然後在App.js中引入HelloReact組件,方式如下:


   啓動項目,npm start,界面展示紅色框中的內容:


方式二:

函數方式(不推薦),在項目src下創建Person.js

然後在App.js中引入Person.js,如下圖:

<Person />

<Person></Person>

這兩種方式都是可以的,一般使用第一種方式


界面展示如下:


發佈了14 篇原創文章 · 獲贊 11 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章