react表单判断新增和修改

具体实现方式是新增表单和修改表单：

1、新增表单：在父组件中定义一个状态值（如isAdd），默认为true，传递到子组件中。在子组件中，根据isAdd的值来判断当前表单是新增还是修改 *** 作。

2、修改表单：在父组件中定义一个状态值（如editData），用于存储当前需要修改的数据。在传递到子组件时，将isAdd设置为false，表示当前表单是修改 *** 作。在子组件中，根据isAdd的值和editData是否存在来判断当前表单是新增还是修改 *** 作。

Ant Design 的 Form 组件自定义校验

将 validator 放在 rules 的数组中

调用方法：当 value 在变化的时候请求接口，根据接口返回的值，调用 callback 回调函数

方法由3个参数组成，rule 是规则，value 是你输入的值，callback 是个回调函数

不管 callback 是否返回提示内容，都要写 callback 这个函数，不返回内容需要写个空的 callback() ，否则表单校验通不过

新版的 antd 表单字段校验方法原来的回调方法改成返回一个 Promise 对象

由于校验需要调用接口，为减少请求次数，需要自己写个 debounce 防抖方法

防抖就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间

修改表单校验调用方法

因为参数显示也会动态改变。

在Modal对话框中选择Select中的选项，每个选项对应了不同的参数，将这些参数显示在页面选项下方。当动态切换选项时，参数的显示也会动态改变。

React 教程 React 是一个用于构建用户界面的 JAVASCRIPT 库，React 主要用于构建 UI,很多人认为 React 是MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目，React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单，通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。

以上就是关于react表单判断新增和修改全部的内容，包括:react表单判断新增和修改、React + Ant Design Form 表单自定义校验 validator debounce、react动态表单为什么很卡等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！