方式一:

类方式(推荐),在项目src下面创建一个HelloReact.js,内容如下:

React第一个组件(不同方式)

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

React第一个组件(不同方式)

   启动项目,npm start,界面展示红色框中的内容:

React第一个组件(不同方式)

方式二:

函数方式(不推荐),在项目src下创建Person.js

React第一个组件(不同方式)

然后在App.js中引入Person.js,如下图:

<Person />

<Person></Person>

这两种方式都是可以的,一般使用第一种方式

React第一个组件(不同方式)

界面展示如下:

React第一个组件(不同方式)

相关文章: