如何在自动完成中显示图像

【问题标题】：How to show images in autocomplete如何在自动完成中显示图像
【发布时间】：2018-04-14 11:33:59
【问题描述】：

我想在自动完成文本数据源中有一张图片。你知道怎么做吗？

我看到文档，它把 MenuItem 放在值中，但我需要该值来执行一些搜索，所以我无法更改它。

【问题讨论】：

【解决方案1】：

<AutoComplete
  ...
  dataSource={companies}
/>

const companies = [{
  text: "Google"
  value: 
    (<MenuItem>
      <img src="../images/google-logo.png" />
      <span>Google</span>
    </MenuItem>)
}, {
  ...
}]

这个解决方案对你来说足够好吗？

【讨论】：

好的，但为什么我需要更改值？当我选择它时，如何获取要在我的 API 中发送的值？