React做一个数秒表

程序来源于React官网，个人发挥，增加了点击停止计时的功能，写在这里仅仅只为了温习。

欢迎来喷。

第一步：引入react.js（或者react.min.js）

第二步：引入react-dom.js（或者react-dom.min.js）

第三步：引入brower.js，或者直接使用https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js

brower.js提供了对 text/babel 的支持（即ES6的支持）

第四步：编写Timer的具体代码

a、在Timer的getInitialState方法中初始化state值{second:0}

b、编写tick方法，在tick方法中对设置state值second每次累加1

c、在componentDidMount方法中设置重复执行tick方法，间隔为1000毫秒

d、在componentWillUnmount方法中clearInterval(this.interval)

e、在render方法中返回具体布局样式，并将state属性second值显示出来

第五步：将timer绑定到具体的控件上

具体代码如下：

涉及到了组件的一些回调：

getInitialState：该方法返回了state对象的初始值

componentDidMount：组件加载完成回调

componentWillUnmount：组件将要被移除时回调

render：该方法返回了组件的样式

最后

以上就是开放飞机为你收集整理的React做一个数秒表的全部内容，希望文章能够帮你解决React做一个数秒表所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。