React学习笔记（二）元素渲染

元素是构成 React 应用的最小单位。
元素用来描述你在屏幕上看到的内容。

const element = 
hello world;//元素element
ReactDOM.render(
    element,
    document.getElementById('example')
);

在Index中添加id="example"的div

id="example">

此div的所有内容由ReactDOM管理，将之称为根DOM节点。

React 开发应用时一般只会定义一个根节点。但如果你是在一个已有的项目当中引入 React 的话，你可能会需要在不同的部分单独定义 React 根节点。
要将React元素渲染到根DOM节点中，我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上：

更新元素渲染

计时器
React元素是不可变的，当元素创建后无法改变其内容和属性，一个元素就好像是动画里的一帧，它代表应用界面在某一时间点的样子。
function tick() {
    const element = (
        

            
hello world
            
现在是 {new Date().toLocaleTimeString()}.
        
    );
    ReactDOM.render(
        element,
        document.getElementById('example')
    );
}
//通过setInterval方法，每秒钟调用一次ReactDOM.render
setInterval(tick,1000);