React 更新一个已渲染的元素

index.js

import React from 'react'
import ReactDOM from 'react-dom'

function render() {
  const element = <h1>{new Date().toLocaleTimeString()}</h1>
  ReactDOM.render(element, document.getElementById('root'))
}

setInterval(render, 1000)

注意：一个元素就像电影的“单帧”，元素是不可变对象，一旦被创建，那就无法改变其属性或子元素，因此，更新 UI 唯一的方式是创建一个全新的元素，并将其传入ReactDOM.render()