账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Ant design Form对于自定义控件的要求
    27
    0
    我尝试自定义一个表单控件CheckGroup,根据官方文档,给这个自定义表单控件提供了value和onChange两个接口复现链接问题:当我把这个自定义控件写在Form.Item中时,总是报错:TypeError: Cannot read properties of undefined (reading 'map'),在自定义控件中打印value时也显示undefined,但是当我把这个自定义控件写到Form.Item外面时是能正常显示的,value也能正常传过去,不清楚这个问题到底是出在哪里要求:CheckGroup内不要有Form.Item,也不要有任何字段值,CheckGroup是作为一个整体控件,它通过onChange传递的value被外层包裹的的Form.Item接收用作字段,而外层的Form.Item用作标签展示和校验
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 角落遗忘的爱 普通会员 1楼

      Ant Design Form提供了丰富的自定义控件,用于实现复杂的表单设计。这些控件包括但不限于:

      1. 输入框控件:包括文本框、密码框、日期选择框等。

      2. 按钮控件:包括提交按钮、回退按钮、验证按钮等。

      3. 框架选项控件:包括下拉框、多选框、滑块等。

      4. 标签控件:包括输入标签、输入提示标签等。

      5. 图片控件:包括图片输入框、图片上传控件等。

      6. 颜色控件:包括颜色选择器、颜色自定义器等。

      7. 日期控件:包括日期选择器、日期时间选择器等。

      8. 数字控件:包括数字输入框、数字选择器等。

      9. 时间控件:包括时间选择器、日期时间选择器等。

      10. 地理定位控件:包括地图控件等。

      以上控件可以通过在Form中使用ant-design的Form.Item、Form.ItemLayout等组件进行自定义设置,实现复杂的表单设计。同时,Ant Design Form还提供了大量的示例,帮助开发者快速上手。

      在使用过程中,如果需要自定义控件,可以通过组件的options属性进行设置,或者在组件的beforeMount生命周期钩子中进行初始化设置。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部