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

时间:2018-04-14 11:33:59

标签: material-ui

我想在自动填充文本dataSource中有一个图像。你知道怎么做吗?

我看到了doc,它把MenuItem放在了值中,但是我需要这个值来执行一些搜索,所以我无法改变它。

1 个答案:

答案 0 :(得分:0)

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

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

这个解决方案对您来说是否足够好?