1 什么是react？

1.1react的来源
react是一个用于构建用户界面的JAVACRIPT库，很多人认为react是MVC中的V（视图）
关于React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。
1.2. reacr的好处
React 是一个为数据提供渲染为 HTML 视图的开源 JavaScript 库。React 视图通常采用包含以自定义 HTML 标记规定的其他组件的组件渲染。React 为程序员提供了一种子组件不能直接影响外层组件的模型，数据改变时对 HTML 文档的有效更新，和现代单页应用中组件之间干净的分离。

2 创建react的方法

create-react-app是一个react工程脚手架，可快速构建一个react应用。内置webpack、babel、es6等特性，开发者无需关注配置，关注业务模块的开发即可

• 如何创建react？
  1.打开cmd命令行窗口,输入npm -version,查看当前的npm版本

  2.如果npm版本是5.2以上版本,在cmd中输入 npx create-react-a…

  3.如果npm版本低于5.2,则全局安装create-react-app,cmd输入npm …

  4.此时,相关依赖开始下载安装,

  5.工程创建成功后,可以在系统文件目录看到my-app工程。

  6.打开my-app工程，目录结构比较简单，没有任何配置文件（无需配置）

  7.cmd命令行窗口中输入cd my-app进入my-app目录

  8.输入npm start， 以开发模式启动服务

  9.服务启动成功后，将会自动弹出浏览器，并访问工程

Import React,{
    Component } from “react”
function () {
      //函数组件
return(
<div>我是一个组件</div>
)}

3 组件当中的props属性和它的特点

3.1 什么是props？
react中说的单向数据流值说的就是props，根据这一特点它还有一个作用：组件之间的通信。
3.2 props有什么特点？

1. 每个组件对象都会有props（properties的简写）属性

2. 组件标签的所有属性都保存在props中

3. 内部读取某个属性值：this.props.propertyName

4. 作用：通过标签属性从组件外 向组件内传递数据（只读 read only）

5. 对props中的属性值进行类型限制和必要性限制

代码实例

import React from 'react';
import ReactDOM from 'react-dom';

//使用class组件
class User extends React.Component{
   
    render(){
   
        return (
    <div>{
   this.props.name}--{
   this.props.age}</div>
        );
    }
}

//数据
const person ={
   
    name:'张三',
    age:20,
    sex: