元素渲染

元素是构成React页面的最小元素，用来描述我们在屏幕上看到内容。

渲染过程

1.首先在首页(index.html)中添加一个id为‘root’的<div>.
2.将React元素传递给ReactDOM.render(),将其渲染到页面上。

const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));

更新渲染元素

React元素是不可变的，一旦创建后属性和内容不能被改变，所以我们想要更新，可以通过不断向render函数中传入新的元素

function tick(){
    const ele = <h4>{new Date().toLocaleTimeString()}</div>;
    ReactDOM.render(ele,document.getElementById('root'));
}
setInterval(tick,1000);