Java教程

Ant Design Form表单提交时校验失败无法自动滚动目标字段

本文主要是介绍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) // 滚动到对应字段位置
        }
    }
这篇关于Ant Design Form表单提交时校验失败无法自动滚动目标字段的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航