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);

 代码解析：

首先整体是由setInterval计时器实现的，在一个函数中声明一个简单的div标签，写上内容，通过render函数渲染到指定的页面容器中，从而实现的。