安装插件
npm install react-captcha-code -S
//or
yarn add react-captcha-code -S
属性和方法
名称 | 类型 | 必填 | 默认值 | 描述 |
---|
height | number | 否 | 40 | 图片高度 |
width | number | 否 | 100 | 图片宽度 |
bgColor | string | 否 | #DFF0D8 | 背景颜色 |
charNum | number | 否 | 4 | 验证码字符个数 |
fontSize | number | 否 | 25 | 字体大小 |
onChange | function | 是 | | 点击验证码的回调,初始加载也会调用,返回验证码值 |
className | string | 否 | | 样式名 |
样例
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;