Ant Design踩坑（一）Form自定义校验多次发送请求的问题

最新推荐文章于 2024-08-16 14:32:16 发布

supelee9527

最新推荐文章于 2024-08-16 14:32:16 发布

阅读量2.6w

点赞数 6

文章标签： ant-design form表单 validation react

本文链接：https://blog.csdn.net/supelee9527/article/details/78618004

版权

本文探讨了Ant Design Form组件在自定义验证时可能导致的多次发送请求问题，详细分析了默认验证触发事件导致的资源浪费。通过实例代码展示了如何通过设置仅在输入框失焦时触发验证请求，从而优化服务器资源使用。

摘要由CSDN通过智能技术生成

Ant Design表单组件的基本用法这里不做具体阐述，如果要看基本用法请移步：https://ant.design/components/form-cn/

Form表单实现自定义校验代码如下:

    checkName = (rule, value, callback) => {
        const name = value;
        if (name) {
          if (/\s/.test(name)) {
            callback(HAP.getMessage('输入存在空格,请检查', 'input Spaces, please check'));
            return;
          }
          const { AppManagementStore } = this.props;
          const { organizationId } = this.st