Skip to content

数组容器如何使用自定义组件? #185

Answered by mengshang918
daijingfeng asked this question in Q&A
Discussion options

You must be logged in to vote

unitedSchema配置建议

推荐在generator中搭建表单,提高开发效率。
搭建之后,可以点击头部的编辑json手动复制,或者导出json。

codeSandbox没有跑起来

数组容器文档中提供的schem不是unitedSchema,而是输入容器本身的schema。数组容器示例:codeSandbox1

不推荐在数组容器中使用自定义组件

自定义组件设计的场景是不支持复用的,customComponents对象的key是表单在数据结构中的路径。
而数组容器的数据是一个数组,如果开启元组模式,我们可以配置customComponents来满足。如果非元祖模式,用户可能一直点击添加新的项,这个时候customComponents无法预知用户需要添加多少项。

总结

自定义组件支持的场景,自定义主题都可以实现。
自定义主题支持的场景,自定义组件部分实现。

何时使用自定义组件

  • 组件不需要被多次使用
  • 组件本身存在业务特殊性
    只在当前表单使用,其他场景不会使用

何时使用自定义主题

默认主题不支持的情况下,都可以使用自定义主题。

如何开发使用自定义主题

参考自定义主题文档
示例可以参考codesandbox1

目前DripForm还在不断发展和完善中,如果您对于 Drip-Form 有建议或者错误修正等需求,欢迎提 issue 和 merge,我们极力感谢社区促进错误修正和改进。
如果 Drip-Form 解决了您的开发痛点,对您有帮助的话,请不要吝惜您的 star 🌟 哦!

Footnotes

  1. 数组容器和自定义主题示例 2

Replies: 1 comment 1 reply

Comment options

You must be logged in to vote
1 reply
@daijingfeng
Comment options

Answer selected by mengshang918
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants