react

react环境

1. 安装react（这个命令为全局安装）

npm install -g create-react-app

2. 创建项目

create-react-app 项目名称

3. 用VSCode软件打开该项目，进行编译
4. 运行代码前要在dos下进入项目文件夹，输入 npm start 命令来启动，否则不能运行项目
5. 默认情况下，在浏览器输入http://localhost:3000/ ，访问项目

react主要代码

1. import：用来导入外部信息（这个必须写）

import React, { Component } from "react";

2. 定义组件名

class 组件名 extends Component

3. render()

一个组件类必须要实现一个render方法。render()里只能有一组父控件，但是可以有多个子控件。

——————————————————————————
示例：

1. 新建一个Demo.js，具体代码结构如下
   

2. 修改如下箭头处
   

3. npm start后，进入最终页面，结果如下