• 学习笔记 React（一）Hello React例子

    • React官网地址
    • React库
    • 最基础的例子

    官网

    1.    英文官网: https://reactjs.org/
    2.    中文官网: https://react.docschina.org/

    React库

    babel.min.js（ES6 => ES5     JSX => JS）

    react.development.js（核心库）

    react-dom.development.js（扩展库）

    prop-types.js（用来校验父组件传递过来值的类型）

    最基础的例子

    下面是一个没有基于脚手架写的例子：

    例子中有三个需要注意的地方

    1、JS加载是有顺序的，严格执行下面的顺序；

    2、虚拟DOM的值不可以加引号；

    3、

    • 这样运行出来就对了，那么如果再来几层嵌套，JS这种写法就显得力不从心了。

    也就是说，JSX可以更加简单的创建多层虚拟DOM，写起来更加流畅，JSX也可以按层次写代码，但要用小括号包起来，如：

    1.

    总结一下，浏览器不认识上面的代码，所以要通过写