首页 / REACT / react -- 计时器
react -- 计时器
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了react -- 计时器,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含749字,纯文字阅读大概需要2分钟。
内容图文
![react -- 计时器](/upload/InfoBanner/zyjiaocheng/1245/c4144c1da05142248cf6ddd3ec078783.jpg)
var SetIntervalMixin = {
componentWillMount: function(){
this.intervals = [];
},
setInterval: function(){
this.intervals.push(setInterval.apply(null, arguments));
},
componentWillUnmount: function(){
this.intervals.forEach(clearInterval);
}
};
var TickTock = React.createClass({
mixins: [SetIntervalMixin],
getInitialState: function(){
return { seconds: 0 }
},
componentDidMount: function(){
this.setInterval(this.tick, 1000);
},
tick: function(){
this.setState({ seconds: this.state.seconds + 1 });
},
render: function(){
return (
<p>React has been running for {this.state.seconds} seconds.</p>
);
}
});
ReactDOM.render(
<TickTock />,
document.querySelector(‘.demo‘)
);
原文:http://www.cnblogs.com/lianfu/p/5441101.html
内容总结
以上是互联网集市为您收集整理的react -- 计时器全部内容,希望文章能够帮你解决react -- 计时器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。