html验证码自动刷新,验证码输入错误后自动刷新验证码

{getFieldDecorator('code', {

// rules: [{

// validator: (rule, value = '', callback) => {

// const text = captchaText;

// const upper = value.toUpperCase();

// if (upper !== text) callback('验证码错误');

// callback();

// },

// }],

})()}

span={8}

className={styles.captchaText}

onClick={() => {

this.handleGetCaptcha();

}}

>

{}

componentDidMount() {

this.handleGetCaptcha();

}

handleGetCaptcha = captcha => {

this.props.dispatch({

type: 'login/fetchCaptcha',

});

this.setState({

captcha,

});

};

现在验证码输入错误是提交数据之后后端判断，如果登录不成功，自动刷新验证码

该怎么弄，用生命周期函数？还是在models里边fetch请求的时候做判断好些