3. 声明倒计时的时间（这里只能在你点击的时候才能声明，如果再componentDidMount中，会一进入就开始计时的）
4. 请求成功后设置倒计时，判断如果time.sec > 0 的时候，则设置时间，否则将文字设置为为“重新获取”
5. 然后判断文字为“重新获取”， 然后将状态机isSentVerify设为true， 这样用户倒计时结束后，可以再次发送验证码。
6. 网络请求失败的时候，在catch处将isSentVerify设置为true，这样用户可以再次获取验证码
if (this.state.isSentVerify === true) {
// 倒计时时间
let countdownDate = new Date(new Date().getTime() + 60 * 1000)
// 点击之后验证码不能发送网络请求
this.setState({
isSentVerify: false
});
Api.userRegisterCheckCode(this.state.phoneText)
.then(
(data) => { // 倒计时时间
CountdownUtil.settimer(countdownDate, (time) => {
this.setState({
timerTitle: time.sec > 0 ? time.sec + 's' : '重新获取'
}, () => {
if (this.state.timerTitle == "重新获取") {
this.setState({
isSentVerify: true
})
}
})
})
}
).catch((err) => {
this.setState({
isSentVerify: true,
})
});
}
退出页面的时候，记得销毁定时器
componentWillUnmount() {
CountdownUtil.stop()
}
效果图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。