React 使用图片验证码组件（登录验证）

安装插件

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;

效果