time_cutdown_component v1.0.6

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

注意事项

• 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}