A component for React
这是一个与UI无关的定时器,如何进行展示这取决于你。 react-countdown-time 只负责帮你计算并实时反馈定时器数据。
##获取该组件
$ npm install react-countdown-time --save
##代码实例:
import Countdown from 'react-countdown-time'
// 部分代码省略
<Countdown endTime={new Date("2016/6/5")} overText="活动已结束" onEnd={this.handleCountdownEnd}>
{({d, h, m, s}) => {
return (<span>还剩{d}天{h}时{m}分{s}秒</span>)
}}
</Countdown>
我们可以看出,如何定义倒计时的样式是取决你的,组件仅提供了时间相关数据的回调,这也大大增大了组件的灵活性和应用场景。
##Receive Props
prop | type | description | isRequired |
---|---|---|---|
endTime | Date | 结束时间 | true |
overText | String | 结束时的提示 | |
onEnd | Function | 结束后的 Callback Hook |