码迷,mamicode.com
首页 > 其他好文 > 详细

React显示时间

时间:2018-11-05 11:11:53      阅读:711      评论:0      收藏:0      [点我收藏+]

标签:text   date()   调用   string   span   interval   web   timer   ref   

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

 

React显示时间

标签:text   date()   调用   string   span   interval   web   timer   ref   

原文地址:https://www.cnblogs.com/zijue/p/9907533.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!