React-渲染React元素

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

修改已经渲染的React元素

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

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(
    element,
    document.getElementById('root')
  );
}

setInterval(tick, 1000);

React只会更新必要的部分

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