🐛[BUG]ProForm使用formSchema时，下拉菜单使用showSearch与labelInValue选择报错

[AburronKing]

🐛 bug 描述

ProForm使用formSchema时，下拉菜单使用showSearch与labelInValue，正常情况下选择可以使用。
问题：当你选择一个选项后，你清除已选项，使用搜索功能，选中搜索的项后，就会报错：

💻 复现代码

formColumn：

{
title: '供货商',
dataIndex: 'supplierId',
valueType: 'select',
fieldProps: {
labelInValue: true,
showSearch: true,
},
width: 'm',
request: async () => {
const res = await querySupplier({
pageNum: 1,
pageSize: 1000,
});
return res.data.list.map((item: Recordable) => {
return {
label: item.supplierName,
value: item.supplierId,
};
});
},
},

© 版本信息

• ProComponents 版本: [3.0.0-beta.3]
• 浏览器环境 【谷歌】
• 开发环境 [mac OS]

🚑 其他信息

[dosubot]

Hi @AburronKing! I'm Dosu and I’m helping the pro-components team.

这个报错的根本原因是：在 ProForm 的 select 下拉框中，开启了 labelInValue: true 和 showSearch: true，当你清空已选项并用搜索功能选中新的选项时，选中的 value 对象里的 label 可能会变成一个 React 元素（比如高亮组件），而不是普通字符串。这个 React 元素内部带有 React context 的引用，导致在表单提交或序列化（如 JSON.stringify）时出现循环引用，最终报错 "Converting circular structure to JSON"。

解决方法/规避方案：

1. 强制 label 始终为字符串。可以在 fieldProps 里加上 optionLabelProp: 'title'，这样 label 会用字符串而不是 React 元素，避免循环引用问题 相关讨论。
2. 如果你需要自定义 onChange，可以在 handler 里手动把 label 转成字符串，比如 value.label = typeof value.label === 'string' ? value.label : ''。
3. 如果你用 transform 或自定义提交逻辑，提交前过滤掉 label 里的 React 元素，只保留字符串。

最佳实践：
在 ProForm 里同时用 labelInValue 和 showSearch 时，建议始终保证 label 是字符串，避免直接用 React 元素作为 label。这样可以避免序列化和提交时的循环引用问题。

如果后续 ProComponents 有相关修复，可以关注版本更新。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[AburronKing]

感谢