React-渲染React元素

每一个React应用通常至少有一个跟节点来渲染React element.。
在根节点中渲染React element 只需要将跟节点和React element作为参数传递给ReactDom.render()函数。

修改已经渲染的React元素

React 元素式不可变的，一个React元素一点被创建，则它的属性或者子元素都不可以被修改，只能重新创建渲染。

function tick() {
const element = (

Hello, world!

It is {new Date().toLocaleTimeString()}.

);
ReactDOM.render(
element,
document.getElementById('root')
);
}

setInterval(tick, 1000);

React只会更新必要的部分

React DOM会比较元素自身和子元素前后的变化，且只会针对变化的部分作出更新，未变化的部分并不会更新