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：该方法返回了组件的样式

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!