plugins

回顾

在自定义校验插件章节，我们了解到如何开发自定义校验插件

如果用户开发了自定义校验插件，则需要通过 plugins prop 加载插件。

type Plugins =  Array<Plugin<Options>> | Plugin<Options>

例子

App.tsx

import DripForm from '@jdfed/drip-form';
import antd from '@jdfed/drip-form-theme-antd';
import unitedSchema from './unitedSchema';
import addFormats from '@jdfed/drip-form-plugin-formats'
import addKeywords from '@jdfed/drip-form-plugin-keywords'
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 }}
      // 添加drip form插件 注意：drip-form内部默认添加了这两个插件，这里只是示例
      plugins={[addFormats,addKeywords]}
    ></DripForm>
  );
}

export default App;