react循环展示数据

1、删除默认代码

删除App.css和index.css文件内的样式

src文件新建文件夹components/List.jsx

2、在List.jsx文件中写rfce（快捷创建），回车

自动生成

3、删除App.jsx文件内容

4、引入组件List

5、运行项目

在终端输入npm run dev

6、ctrl+鼠标左键，打开

7、在List.jsx文件（组件）中定义一个数组people

8、循环展示

9、查看界面，生成两个li