React显示时间

eact 元素都是immutable 不可变的。当元素被创建之后,你是无法改变其内容或属性的。一个元素就好像是动画里的一帧,它代表应用界面在某一时间点的样子。

根据我们现阶段了解的有关 React 知识,更新界面的唯一办法是创建一个新的元素,然后将它传入 ReactDOM.render() 方法:这个示例通过 setInterval() 方法,每秒钟调用一次 ReactDOM.render().

 1 function tick(){
 2     const element=(
 3         <div>
 4                 <h1>It is{new Date().toLocaleTimeString()}.</h1>
 5           </div>
 6  );
 7 
 8 ReactDOM.render(element,document.getElementById('root'));}   
 9 
10 setInterval(tick,1000);