自定义主题

使用场景

当 Drip-Form 主题包的现有的组件无法满足特殊的业务需求时，该特殊组件又在多个项目中需要复用，为了方便开发和使用，可以开发一个自定义主题的 npm 包。

自定义主题包的核心代码

CustomField.js

// src/components/CustomField.js
// 该文件是自定义组件的代码
import React, { memo } from 'react'

const CustomField = props => {
  return (
    <div>
      我是自定义组件，这是我的props：{JSON.stringify(props)}
    </div>
  )
})

export default memo(CustomField)

然后再写一个 js 文件将自己的自定义组件导出即可，如下所示：

index.js

// src/index.js
import CustomField from './components/CustomField.js'
const customTheme = {
    theme: 'myCustomTheme',
    CustomField,
}

export default customTheme

主题包的使用

在项目中引入自定义的主题包后，使用方法可以参考混合主题。

支持 @jdfed/form-generator

自定义主题可以导出 config，以支持主题在@jdfed/form-generator 中拖拽使用。

通过配置 config，可以配置组件在 generator 的标题、属性配置、校验配置等。更多信息参考自定义组建区

drip-form 为京东内部开发者提供主题开发模板，请加入咚咚群：85748626 咨询。

后续会为外部用户开放，敬请期待～