npm.io
1.0.6 • Published 5 years ago

wk-countdown

Licence
ISC
Version
1.0.6
Deps
0
Size
6 kB
Vulns
0
Weekly
0

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

问题反馈: 443028159@qq.com