pro-components icon indicating copy to clipboard operation
pro-components copied to clipboard

🐛[BUG]EditableTable自定义renderFormItem,表单校验状态不显示

Open Gitjinfeiyang opened this issue 3 years ago • 5 comments
trafficstars

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🐛 bug 描述

image

默认表单是有校验状态显示的,如上图,自定义renderFormItem后状态消失。

📷 复现步骤

image

🏞 期望结果

💻 复现代码

© 版本信息

  • ProComponents 版本: [e.g. 4.0.0]
  • umi 版本
  • 浏览器环境
  • 开发环境 [e.g. mac OS]

🚑 其他信息

Gitjinfeiyang avatar Sep 16 '22 01:09 Gitjinfeiyang

同样有这个问题。 老板先搞这个 问题吧。这个解决了 能同时解决好多场景问题叻

Liao123 avatar Sep 16 '22 07:09 Liao123

老板加油搞啊

Liao123 avatar Sep 19 '22 01:09 Liao123

老板 加油修啊

Liao123 avatar Sep 22 '22 07:09 Liao123

Hello @Gitjinfeiyang. Please provide a online reproduction by forking this link https://codesandbox.io/ or a minimal GitHub repository.

你好 @Gitjinfeiyang, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。 如何写个好问题?https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

github-actions[bot] avatar Oct 14 '22 10:10 github-actions[bot]

image

  {
    title: '标题',
    dataIndex: 'title',
    copyable: true,
    ellipsis: true,
    renderFormItem: () => <Input />,
    tip: '标题过长会自动收缩',
    formItemProps: {
      rules: [
        {
          required: true,
          message: '此项为必填项',
        },
      ],
    },
  },

来个 复现把

chenshuai2144 avatar Oct 14 '22 10:10 chenshuai2144

当使用自定义的校验方法时: formItemProps: () => { return { rules: [{ validator: (_, value, callback) => { if (!value || !value?.['id']) { return Promise.reject(new Error('请输入项目名称')) } return Promise.resolve() }, }], } image image 无值,但是校验状态时通过,校验错误信息却是可以拿到

15373313512 avatar Jan 11 '23 15:01 15373313512

一摸一样的问题 请问有人解决了吗

LittleChives avatar Aug 18 '23 03:08 LittleChives