zzc-design-mobile
zzc-design-mobile copied to clipboard
单页面,输入框设为失焦校验,聚焦状态跳转会有问题
用react-router
v4构建的单页面网页,如果在输入框聚焦状态下点击跳转,会因为失焦执行FormItem
的validationData
方法,但因为是延迟100ms才执行,此时组件已经销毁,导致报错。
validationData(id: string) {
if (this.validationTime) {
clearTimeout(this.validationTime);
this.validationTime = null;
}
this.validationTime = setTimeout(() => {
const { formContext } = this.props;
formContext.validation(id, null);
}, 100);
}