material-ui DropDown 与所选值上的图像答案

【问题标题】：material-ui DropDown with imag on selected valuematerial-ui DropDown 与所选值上的图像
【发布时间】：2017-11-14 07:21:27
【问题描述】：

我正在尝试在我的 0.19.1 版 material-ui 下拉列表中使用图像来实现我编写此代码。

<DropDownMenu
    autoWidth
     style={{ width: 500, marginBottom: 30 }}
     underlineStyle={{ marginLeft: -1 }}
     menuItemStyle={{ width: 500 }}
     value={this.state.value}
     onChange={this.handleChange}>
     {items.map((item, i) => (
     <MenuItem
     value={i}
     key={item}
     leftIcon={<Avatar image={i} src={item.image} />}
     primaryText={item.label}
   />))}

但是当我单击下拉菜单以选择某些菜单项时效果很好，但是当我选择某些菜单项图像时未显示选择它只显示下拉菜单的标签。提前谢谢

【问题讨论】：

标签： javascript reactjs material-ui

【解决方案1】：

查看文档中的“标签示例” (http://www.material-ui.com/#/components/dropdown-menu)

必须在 MenuItem 中添加标签

【讨论】：