使用antd Form,期望只校验数据正确性不校验必填怎么操作?-灵析社区

强哥喝假酒

表单有两个提交按钮,一个是保存,一个是提交。保存时,只验证数据正确性,下次继续完善。提交就是验证数据正确性同时验证必填项。 该怎么实现呢?

阅读量:315

点赞量:15

问AI
要不用一个变量来控制一下: import React, { useState } from "react"; import { Input, Button, Space, Form } from "antd"; import "antd/dist/antd.css"; import "./styles.css"; export default function App() { const [form] = Form.useForm(); const [isSubmit, setIsSubmit] = useState(true); const handleSubmit = (values) => { setIsSubmit(true); form.submit(); console.log(form.getFieldsValue()); }; const handleSave = async () => { setIsSubmit(false); form.validateFields(); console.log(form.getFieldsValue()); }; return ( Submit Save ); } 这里有个我自己写的完整的"例子" (https://link.segmentfault.com/?enc=Q558IFPPgyC%2Bm3X1%2B%2FQ3Xw%3D%3D.VHshvtD%2FmmNWGbat0LPF0uaPaA2Z%2FGSeSIk3AcOH%2F%2BFezxuaQOj1FgOExnUdzpLs7J6%2B0qo%2Be93hACqJL4MjjpIYHhTXM8gpYvNIf47e%2Bk8%3D),希望能帮助到你。