方式一:
類方式(推薦),在項目src下面創建一個HelloReact.js,內容如下:
然後在App.js中引入HelloReact組件,方式如下:
啓動項目,npm start,界面展示紅色框中的內容:
方式二:
函數方式(不推薦),在項目src下創建Person.js
然後在App.js中引入Person.js,如下圖:
<Person />
<Person></Person>
這兩種方式都是可以的,一般使用第一種方式
界面展示如下:
類方式(推薦),在項目src下面創建一個HelloReact.js,內容如下:
然後在App.js中引入HelloReact組件,方式如下:
啓動項目,npm start,界面展示紅色框中的內容:
方式二:
函數方式(不推薦),在項目src下創建Person.js
然後在App.js中引入Person.js,如下圖:
<Person />
<Person></Person>
這兩種方式都是可以的,一般使用第一種方式
界面展示如下: