CenterCascader

React倒计时组件

Screenshots

Explain

• 这是一款适用于PC 移动端的组件，目的在于获取计算天数，减少去网上copy代码的时间。

Install

npm i --save time_cutdown_component

Usage

  import CountDown from '../../component/CountDown';

   <CountDown time={"2019-02-10"} 
              value={(v,day,hour,minute) => {
                this.setState({ pCutDown: v })
              }}>
              trigger={(day,hour,minute)=>{
                action.trigger({})
              }}
  </CountDown>

API

props

name | type | default | description | Required ---|---|---|---|--- time | String | - | 传入截止的日期 | Yes value | Function | - | 回掉函数，用于将计算好的倒计时返回 | Yes trigger | Function | - | 回掉函数,当天数=0,小时=0,分钟=0时，可以触发事件 | No

注意事项

• value,trigger 回调函数，参数说明

  v : 228d 08hr 59min

  day : 228

  hour : 08

  minute : 59

• 调用组件时返回值可能会出现, unfined, 因为dom渲染时，还没获取到截止日期，没有传到组件。

解决方案

```
{截止日期 ? <CountDown 
                time={"2019-02-10"} 
                value={(v) => {
                this.setState({ pCutDown: v })
              }}>
        </CountDown> : null}
```