前端开发过程中在与后端对接之前需要自己先造出一些数据,比如:mock等
图片验证码同样也需要前端自己先生成。
使用插件
react-captcha-code 这是一个基于React(依赖react, react-dom) 和 Canvas 的小插件
样式
安装
npm install react-captcha-code --save
属性和方法
示例
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;
原文链接:React 生成图片验证码组件使用 - 我的故事没编好 - 博客园