onCancel

Drip form 支持全局配置表单取消按钮，并使用 onCancel prop 配置取消按钮回调函数。

代码示例

• App.tsx
• unitedSchema.ts

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 }}
      //表单取消回调
      onCancel={({ formData, errors, checking }) => {
        //表单取消前的数据
        console.log(formData);
        //表单错误信息
        console.log(errors);
        //表单是否校验完毕
        console.log(checking);
      }}
    ></DripForm>
  );
}

export default App;

代码沙盒：