React 学习（2）

1.react 是用来代替dom的，通过dom添加元素的方式很繁琐，如下图所示

通过react向页面中添加一个div，和通过dom添加相比，react可以同时完成创建元素、添加属性、添加内容几个步骤比较简单，通过react.createElement()方法即可实现，如下图所示。

注意不能这么添加元素，div是一个react元素不是一个dom不能添加到root这个dom节点上。

 这是正确的添加方式，通过React.creatRoot()方式获取根节点，最后使用render函数将div渲染到根元素上，虽然看上去相比于通过dom添加一个div标签的过程也没有简短多少，但是这是由于代码比较简单简短导致的，代码越复杂使用React操作元素的方式越简单，如下图所示。

2.script标签放置的位置，如果是引入，如引入react的核心库，可以放在任意位置，如果是我们要编写脚本操作dom，script标签的位置最好在body标签的下面，确保操作dom的时候页面已经存在。