react的一款短信倒计时组件,有按钮型和文字型,需安装antd

使用方法:

npm i -S wk-countdown

简单示例:

import CountDown from "wk-countdown";

function Test(){

  const callback = () => {
    /* 发送短信的操作 */
  }
  
  return <CountDown callback={callback}/>
}

参数说明

name|type|required|default|description --|--|--|--|-- callback|function|true||如发送短信的操作 time|number|false|60|倒计时多少秒 title|string|false|"获取验证码"|用于修改按钮标题:"如重发验证码" type|string|false||默认为antd按钮, 如需展示文字,设置type="text"  

如:

import CountDown from "wk-countdown";

function Test(){
  let tableList = [{},{},{},{}]

  const callback = () => {
    /* 发送短信的操作 */
  }
  
  return <div>
    {
      tableList.map(item => {
        return <CountDown callback={callback} title='重发验证码' time={30} type='text'/>
      })
    }
  </div>
}

问题反馈: [email protected]