跳到主要内容

onSubmit

Drip form 支持全局配置表单提交按钮,并使用 onSubmit prop 配置提交按钮回调函数。

代码示例
import DripForm from '@jdfed/drip-form';
import antd from '@jdfed/drip-form-theme-antd';
import unitedSchema from './unitedSchema';
import '@jdfed/drip-form/dist/index.css';
import '@jdfed/drip-form-theme-antd/dist/index.css';
import 'antd/dist/antd.css';

function App() {
return (
<DripForm
// 表单配置文件
unitedSchema={unitedSchema}
// 导入组件
uiComponents={{ antd }}
//表单提交回调
onSubmit={({ formData, errors, checking }) => {
//表单数据
console.log(formData);
//表单错误信息
console.log(errors);
//表单是否校验完毕
console.log(checking);
}}
></DripForm>
);
}

export default App;

代码沙盒:Open in StackBlitz