React tsx生成随机验证码

drug94501 12 0 pdf 2021-07-01 19:07:07

React tsx 生成随机验证码,供大家参考,具体内容如下最近开发React 使用tsx编写,没有找到什么好的随机生成验证码的插件,自己就手撸了一个,废话不多话,直接上代码。tsx文件如下:React代码片.这里verifycode的样式自己修改,一般代码片.这样已经能自动生成验证码了,如何进行验证了,我这里也简单贴出来,这里Form用的antd,一看就懂代码片.上面这种写法呢确实是React老的写法,React16.8以后都用hook了,那我也改一下,代码如下:代码片.调用也简单,父组件声明一个React.useRef,传给子组件好了,效果如下图:

React tsx生成随机验证码

React tsx生成随机验证码

React tsx生成随机验证码

React tsx生成随机验证码

React tsx生成随机验证码

React tsx生成随机验证码

React tsx生成随机验证码

React tsx生成随机验证码

React tsx生成随机验证码

用户评论
请输入评论内容
评分:
暂无评论