weixin_39605414
weixin_39605414
2020-12-26 00:12

🐛[BUG]升级新版本以后 renderFormItem 返回Select,onSubmit 的时候取不到值

🐛 bug 描述 [详细地描述 bug,让大家都能理解]

renderFormItem 返回 Select 返回不了值

onSubmit: (params: Q) => { debugger; if (setQuery) { setQuery(params); } },

📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]

🏞 期望结果 [描述你原本期望看到的结果]

💻 复现代码 [提供可复现的代码,仓库,或线上示例]

renderFormItem: () =>

  • ${MESSAGE_ID}.edit.resource-id.label})} allowClear > {resourceDictionary?.map((value) => ( {value.label} ))}
  • © 版本信息

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

    🚑 其他信息 [如截图等其他信息可以贴在这里]

    该提问来源于开源项目:ant-design/pro-table

    • 点赞
    • 写回答
    • 关注问题
    • 收藏
    • 复制链接分享
    • 邀请回答

    5条回答

    • Apollo_Love222 Apollo_Love222 1月前

      我也遇到这个问题了,自己封装了一个Select组件,在renderFormItem中进行渲染,最后新建表单onSubmit提交表单时,拿不到Select组件选中的option value,导致前端校验失败的,目前还没找到解决办法

      点赞 评论 复制链接分享
    • weixin_39603823 weixin_39603823 3月前

      升级之后我也遇到这个问题 不知道是不是#393 这个pr导致 最后我的解决办法是:

      js
       renderFormItem: (item, {value, onChange}) => <select value="{value}" onchange="{onChange}allowClear"></select>
      

      期待官方给出兼容方案 官方已解决: https://github.com/ant-design/pro-components/issues/409

      点赞 评论 复制链接分享
    • weixin_39533896 weixin_39533896 3月前

      image

      点赞 评论 复制链接分享
    • weixin_39576066 weixin_39576066 3月前

      renderFormItem: (_, props) => { return (

      ); },

      加上 {...props} 试试

      点赞 评论 复制链接分享
    • weixin_39603823 weixin_39603823 3月前

      升级之后我也遇到这个问题 不知道是不是https://github.com/ant-design/pro-table/pull/393 这个pr导致 最后我的解决办法是:

      js
       renderFormItem: (item, {value, onChange}) => <select value="{value}" onchange="{onChange}allowClear"></select>
      

      期待官方给出兼容方案

      点赞 评论 复制链接分享

    为你推荐