以下是常用的 React 验证码组件以及它们的文档地址和项目地址:
- react-numeric-input
- 组件介绍:一个数字输入框,可以限制输入数字的范围以及小数点后的位数,可用于数字验证码。
- 文档地址:https://www.npmjs.com/package/react-numeric-input
- 项目地址:https://github.com/vlad-ignatov/react-numeric-input
- react-otp-input
- 组件介绍:一个 OTP(One-Time Password)输入框,用于输入一次性密码,也可以用于显示验证码。
- 文档地址:https://www.npmjs.com/package/react-otp-input
- 项目地址:https://github.com/devfolioco/react-otp-input
- react-captcha
- 组件介绍:一个基于 canvas 绘制的验证码组件。
- 文档地址:https://www.npmjs.com/package/react-captcha
- 项目地址:https://github.com/adhywiranata/react-captcha
- react-simple-captcha
- 组件介绍:一个简单的验证码组件,通过随机生成数字或字母组成的验证码
- 文档地址:https://www.npmjs.com/package/react-simple-captcha
- 项目地址:https://github.com/masroorejaz/react-simple-captcha
- react-google-reaptcha:
- 组建介绍:一个 Google reCAPTCHA v3 的 React 组件
- 文档地址:https://www.npmjs.com/package/react-google-recaptcha
- 项目地址:https://github.com/dozoisch/react-google-recaptcha
- react-google-invisible-recaptcha
- 组件介绍:一个 Google Invisible reCAPTCHA 的 React 组件
- 文档地址:https://www.npmjs.com/package/react-google-invisible-recaptcha
- 项目地址:https://github.com/szchenghuang/react-google-invisible-recaptcha
这些组件可以根据具体需求选择使用,并按照文档进行配置和使用。