首页 > 其他 > 详细

验证码,组件

时间:2020-09-28 17:38:06      阅读:29      评论:0      收藏:0      [点我收藏+]

 

 

 

import React, { Component } from ‘react‘;
import NetCommon from ‘@/net/common‘;

export default class extends Component {
	state = {
		captcha: ‘‘,
		loading: false
	}
	getSrc = () => {
		if (this.state.loading) return;
		this.state.loading = true;	
		NetCommon.getCaptcha().then((res) => {
			this.state.loading = false;
			this.setState({captcha: res.data.captcha})
		}).catch(() => {
			this.state.loading = false;
		});
	}
	componentDidMount() {
		this.getSrc();
	}
	render() {
		const { captcha } = this.state;
		return captcha ? <img title="点击刷新验证码"  {...this.props} src={captcha} onClick={this.getSrc} /> : null
	}
}

  

 

验证码,组件

原文:https://www.cnblogs.com/yuanjili666/p/13745889.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!