React入门

React作为一个优秀的前端框架，是一名立志于成为全栈工程师的程序员所必须要学的。React的入门十分简单，只需在html文件中引入三个js，就可以开始React编程。引入方式可以先通过cdn引入：

如果需要源文件，可以在IDEA下载。React入门代码：

注意这个script标签里写的是jsx，而不是纯js，所以类型必须为text/babel。第一句代码是声明虚拟DOM，直接写html标签，不用加引号。第二句是用React渲染虚拟DOM到真实DOM，使用了方法ReactDOM.render，第一个参数是虚拟DOM，第二个参数是真实DOM的节点。

以下介绍React入门的几个注意点：

1）通过{}引入变量/表达式，如果需要给上述h1标签设置id，而id为事先设置好的变量，并且也想让h1的标签内容可变，则需要通过{}引入变量/表达式：

2) 引入样式，不要用，而要用className=""：

3) 内联样式引入格式为：style={{key1:value1, key2:value2}}，第一个大括号表示引入js变量，第二个大括号表示对象，例如：

4)  jsx中只能有一个根标签

5）如果标签以小写字母开头，则去匹配html中的同名标签；如果是大写字母开头，则会匹配组件。

最后聊聊虚拟DOM，虚拟DOM其实就是一个对象，一个普通对象，与真实DOM的区别就是少了很多属性，即是一个轻量级的DOM，这就类似于docker容器和真实Linux *** 作系统间的关系。