美文网首页前端开发那些事儿
react--表单接口的参数处理

react--表单接口的参数处理

作者: 习惯水文的前端苏 | 来源:发表于2021-02-23 17:35 被阅读0次

在后台管理类项目中,各式各样的表单满天飞。如果你跟我一样习惯使用input而非form表单的形式画页面,那么你一定会写出一堆的if...else去做校验。

为了减少组件代码,将表单input的校验逻辑统一抽离出来为一个class

(state为参数容器;run用来收集表单参数;get用于获取收集的参数对象;isExp判断是否传入了正则验证;validate则执行正则或为空校验)

\star run方法

    接收两个参数,一个是参数的键名,一个则是对应的值,并依次添加到state中保存

\star get方法

    该方法就是简单的将state返回,以供接口传参

\star isExp方法

    用户判断给定的键名中是否包含正则表达式

\star validate

        针对传入的对象做校验,如果存在正则,则使用传入的政策进行校验;否则只校验是否为空;noPass将收集所有未通过验证的key

\star 在组件中使用

            --引入并实例化

            --响应input变化并调用run收集

             --定义需要验证的参数对象

            --调用接口前进行校验

相关文章

  • react--表单接口的参数处理

    在后台管理类项目中,各式各样的表单满天飞。如果你跟我一样习惯使用input而非form表单的形式画页面,那么你一定...

  • WTForms 字段 参数 校验

    常用字段 常用参数 常用校验 文件上传 表单提交属性 表单处理流程

  • hydra爆破使用手册

    hydra参数介绍 hydra爆破场景 hydra爆破API接口或表单 hydra爆破ssh服务

  • chapter05_构建Spring Web应用程序_3_接受请

    接受请求的输入在SpringMVC中一共有3种方式(1) 查询参数(2) 路径参数(3) 表单参数 处理查询参数(...

  • ApiPost自动化测试基础之:接口参数依赖的情景处理

    ApiPost V3版本的参数依赖处理方式同旧版雷同。 什么是接口参数依赖: 接口参数依赖又称作接口依赖,简单点说...

  • tornado-参数处理

    1.tornado程序的参数处理【表单操作】【参数传递】【模板语法】 demo.py 注意: get和post接收...

  • 记AFN一次POST表单请求

    今天调接口,后台的同事说不让传json格式的参数,让传表单格式的,于是在网上找了一些表单form格式去套,套来套去...

  • 快手API签名算法分析

    快手的API接口都使用签名做了保护,API接口请求使用的是POST方法,签名是POST表单中的sig参数,我们看一...

  • 接口测试流程-jmeter

    一、接口测试流程 1、参数化: excel文件参数化、数据库参数化、配置文件等 2、预处理请求(前置处理): 对请...

  • Retrofit之请求头

    在《Retrofit之请求参数》,我们讨论了请求的url参数、表单编码以及使用请求主体发送数据,但是处理API的请...

网友评论

    本文标题:react--表单接口的参数处理

    本文链接:https://www.haomeiwen.com/subject/kulkfltx.html