Ant Design Form表单提交时校验失败无法自动滚动目标字段
Ant Design Form组件
问题: Ant Design Form表单提交时校验失败无法自动滚动目标字段
方案: Form.useForm().scrollToField()
具体实现:
const onFinish = async () => {
try {
await form.validateFields() // 触发表单验证
// 具体业务逻辑
} catch (error) {
console.log(error)
form.scrollToField(error.errorFields[0].name) // 滚动到对应字段位置
}
}
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦