React组件的属性和脚手架

一.React组件的属性

1.用于React函数组件的参数输入
2.使用方式：
（1）定义函数组件
function 函数名（props）{
    props.参数名
}
（2）使用函数组件
<组件名 属性名='属性值'/>
注意：'属性名'就是参数名，会封装到props中

 二.React类组件的Props属性

    1.类组件默认含有props属性
    2.在类组件的构造方法中必须使用super（props）先完成父类的构造
    3.可以通过'组件名.defaultProps={ default:值 }'来设置内组件的props属性的值

 三.React的再认识

   1.命令式编程和声明式编程
    （1）命令式编程：使用DOM的指令创建页面元素。特点是：注重过程，开发者需要告诉程序                 每步做什么
    （2）声明式编程：更注重结果，直接告诉程序要什么
    2.虚拟DOM（Virtual DOM）
        react的工作方式：创建state，更加state创建视图，修改state，更新视图
        state --> 视图 -->修改state --> newState --> 新视图

四.React脚手架文件介绍：

1.node_modules:在项目中安装的依赖存放在该文件夹下
    2.public：静态资源。index.html：项目的html模板
    3.src：源代码的文件夹
        |
        |--index.js:是项目的人口文件
        |
        |--index.css:样式文件
        |
        |--App.js:组件（根组件）
        |
        |--App.css:是APP组件的样式文件
        |
        |--package.json：是整个项目的描述文件
            |
            |--dependencies分支：项目安装的依赖名称及版本信息
            |
            |--scirpts分支：定义在命令行工具中可以使用的指令
                |
                |--npm start：用于启动项目。在create-react-app中内置了热更新的服务器
                        （默认打开：http：//localhost：3000）
                        （修改项目的默认端口号：node_modules/react-scripts/scripts/start.js）
                |
                |--npm text:用于项目测试
                |
                |--npm run build:将项目中的代码打包编译到build文件夹中
                |
                |--npm run eject:打包的时候会将项目所有的配置文件暴露出来
                |
        |--.gitignore文件：用来描述项目中的哪些文件不需要添加到git管理器当中
        |--