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) // 滚动到对应字段位置
        }
    }

本文由博客一文多发平台 OpenWrite 发布！

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容