1.0.4 • Published 3 years ago

react-captcha-code-li v1.0.4

Weekly downloads
3
License
ISC
Repository
github
Last release
3 years ago

react-captcha-code

基于 Reactcanvas 的一个验证码组件

安装

npm install react-captcha-code --save

需要用户自己安装的依赖

同级依赖:

依赖名称版本
react^16.13.1
react-dom^16.13.1

APIS

名称类型是否必填默认值描述
heightnumber40验证码的高度
widthnumber100验证码的宽度
bgColorstring#DFF0D8背景颜色
charNumnumber4字符个数
fontSizenumber25字体大小
onChange(captcha: string) => void点击验证码的回调函数, 用来传递验证码(会在页面初始加载和点击验证码时调用)
classNamestring样式名

基本用法

代码示例

import React, { useCallback } from 'react';
import Captcha from 'react-captcha-code';

export default { title: 'Basic' };

export const Basic = () => {
  const handleClick = useCallback((captcha) => {
    console.log('captcha:', captcha);
  }, []);

  return <Captcha charNum={4} onChange={handleClick} />;
};

export default Basic;

效果

Edit zen-paper-9yish