react 基础学习笔记一

1、jsx语法过程

        jsx使用react构造组件，通过bable进行编译成js对象，在用ReactDom.render()渲染成DOM元素，最后再插入页面的过程。

2、创建组件

        组件的定义：将公用的代码组装成一个独立的文件，保持代码独立性，可移植性，复用性。

        类的规则：

        1、首字母大写。

        2、extends 继承。

        3、注意继承react.Component类。

        4、export 导出类。

        5、只能由一个根节点。如一个组件内，不能同时输出两个div,如下图，会报错

5、函数式，这个比组件式用起来更方便，更顺手。

        16.7之前的组件，属于无状态的组件，没办法做计算

        在16.8之后，引用了react hooks，赋予了函数状态。

6、样式的渲染

        webpack的支持，可以将css导入js中。

在学习的过程中，js越来越强大，vue将html、css、js都独立分离，而js直接将css、html都放入js中，是写起来更加工程化，更偏向后端。