1.0.8 • Published 4 years ago

react-validation-code v1.0.8

Weekly downloads
2
License
ISC
Repository
github
Last release
4 years ago

react-validation-code

描述

这是一个基于react的验证码组件,通过输入验证码进行二次校验确认,
支持点击切换验证码、自定义样式、自定义点击按钮文案等。

技术栈

react
webpack4

Install

npm install react-validation-code

Usage

import VCode from "react-validation-code";

function getResult(r) {
  console.log(r);
}
const App = () => (
  <VCode
    getResult={getResult}
    tips
    tipsWord="换一张"
    className="xxx"
    placeholder="xxx"
    doneCom={ReactNode}
    errorCom={ReactNode}
  />
);

props

参数说明类型默认值是否必须
getResult输入验证码后的回调function
className自定义类名string"v-code"
placeholderinput 的 placeholderstring"请输入验证码"
tips是否显示点击切换验证码按钮booleanfalse
tipsWord切换验证码按钮文字string"看不清,换一张"
doneCom可以写个ReactNode替换自带的验证成功图片string or ReactNode组件自带的验证成功的图片
errorCom可以写个ReactNode替换自带的验证失败图片string or ReactNode组件自带的验证失败的图片
1.0.8

4 years ago

1.0.2

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.1

4 years ago