React如何循环数据渲染页面？，web前端开发深圳

我们在编写代码时的主要目光要集中在src这个文件夹内，不过里边的文件都是系统自带的一个模板，我们可以全部删掉然后自己重新编写

组件

---

我们要想完成循环数据渲染页面，光用脚手架创建是不够的，还需要一个最最最重要的东西，就是组件

组件是什么？

所谓组件，即封装起来的具有独立功能的UI部件。React推荐以组件的方式去重新思考UI构成，将UI上每一个功能相对独立的模块定义成组件，然后将小的组件通过组合或者嵌套的方式构成大的组件，最终完成整体UI的构建。

函数式组件与类式组件

1. 函数式组件

• 函数的名称就是组件的名称

• 函数的返回值就是组件要渲染的内容

2. 类式组件

• 组件类必须继承React.Component

• 组件类必须有render方法

类式组件

---

我们这里主要通过类式组件完成实际案例来给大家做一个演示

1. 创建一个index.js并且引入根组件app.js

import React from ‘react’;

import ReactDOM