作者:天才愤青2_735 | 来源:互联网 | 2023-08-18 10:57
安装插件npminstallreact-captcha-code-Soryarnaddreact-captcha-code-S属性和方法名称类型必填默认值描述heightn
安装插件
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 &#39;react-captcha-code&#39;;export default { title: &#39;Basic&#39; };export const Basic &#61; () &#61;> {const handleClick &#61; useCallback((captcha) &#61;> {console.log(&#39;captcha:&#39;, captcha);}, []);return <Captcha charNum&#61;{4} onChange&#61;{handleClick} />;
};export default Basic;