react基础

1.react的介绍与使用
  （1） react是什么
React 是一个用于构建用户界面的 JavaScript 库。

  （2）react的特点
声明式 组件化 随学随用

 （3）脚手架建立项目
        命令：npx create-react-app +项目名称。
        启动项目：yarn start or npm start。
        npx 是 npm@v5.2 版本新添加的命令，用来简化 npm 工具包的使用流程。
（4）JSX
        1.因为React.createElement() 创建 React 元素的问题：繁琐/不简洁；不直观，无法一眼看出        所描述的结构；代码不容易维护！所以有JSX

        2.JSX 是 JavaScript XML 的简写，表示可以在 JavaScript 代码中写 XML（HTML） 格式的代码。
优势：声明式语法更加直观，与 HTML 结构相同，降低了学习成本，提高了开发效率，JSX 是 React 的核心之一。

3.注意点

        3.1. 必须有 1 个根节点，或者虚拟根节点 <></>、<React.Fragment></React.Fragment>。

        3.2. 属性名一般是驼峰的写法且不能是 JS 中的关键字，例如 class 改成 className，label  的 for 属性改为 htmlFor，colspan 改为 colSpan。

        3.3. 元素若没有子节点，可以使用单标签，但一定要闭合，例如 <span/>。

        3.4. React@16.14 之前需要先引入 React 才能使用 JSX（这个也好理解，因为 JSX 最后还是要被转成 React.createElement() 的形式）。

        3.5. 换行建议使用 () 进行包裹，防止换行的时候自动插入分号的 Bug。