2.完整博客链接
3.个人知乎
4.gayhub
元素是构成 React 应用的最小单位
用来描述在屏幕上看到的内容
与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象
React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致
初学者很可能把元素的定义和一个内涵更广的定义“组件”给搞混了 元素事实上只是构成组件的一个部分
首先我们在一个 HTML 页面中添加一个 id="root" 的
在此 div 中的所有内容都将由 React DOM 来管理，所以我们将其称之为 “根” DOM 节点
我们用React 开发应用时一般只会定义一个根节点 但如果你是在一个已有的项目当中引入 React 的话，你可能会需要在不同的部分单独定义 React 根节点
要将React元素渲染到根DOM节点中，我们通过把它们都传递给 ReactDOM.render() 将其渲染到页面上
React 元素都是immutable 不可变的 当元素被创建之后，无法改变其内容或属性 一个元素就好像是动画里的一帧，它代表应用界面在某时刻的样子
根据我们现阶段了解的有关 React 知识，更新界面的唯一办法是创建一个新的元素，然后将它传入 ReactDOM.render()
setInterval() 方法，每秒钟调用一次 ReactDOM.render()
注意:
在实际生产开发中，大多数React应用只会调用一次
ReactDOM.render()下节将会详细介绍 有状态组件 实现 DOM 更新方式
React DOM 首先会比较元素内容先后的不同，而在渲染过程中只会更新改变了的部分
你可以使用浏览器的开发者工具来检查一下之前的例子
即便我们每秒都创建了一个描述整个UI树的新元素，React DOM 也只会更新渲染文本节点中发生变化的内容
将界面视为一个个特定时刻的固定内容（就像一帧一帧的动画），而不是随时处于变化之中（而不是处于变化中的一整段动画），将会有利于我们理清开发思路，减少各种bug