会话列表如果label是自定义结构的话 li里的title显示[Object Object]

[chendalian]

看代码是拿info.label给title的 文档label是React.ReactNode类型 如果是字符的话是正常的 一旦自定义一些结构就会导致这个问题

[dosubot]

这是因为 React 的 label 支持 ReactNode 类型（可以是字符串、JSX、Fragment 等），但如果你传的是自定义结构（比如对象或复杂 JSX），代码直接把 info.label 赋值给 li 的 title 属性时，title 只能接收字符串，React 会把对象转成字符串，结果就是 [Object Object]。相关源码

解决方法：你可以单独加一个纯文本字段，比如 text 或 plainLabel，在设置 title 时用这个字段，而不是直接用 label。比如：

const item = {
  label: <div>自定义结构</div>,
  plainLabel: '自定义结构'
};
// 渲染时
<li title={item.plainLabel}>{item.label}</li>

这种做法在 Ant Design 的 Select 组件等场景下也有类似讨论和实践，可以参考 这个 issue 的方案。

总之，title 只能用字符串，label 可以用 ReactNode。自定义结构时，建议额外提供一个纯文本字段给 title 用。

To reply, just mention @dosu.

---

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

[afc163]

Fixed in #898