material-ui DropDown with imag on selected value

时间:2017-11-14 07:21:28

标签: javascript reactjs material-ui

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

<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}
   />))}

但是当我点击下拉列表选择某些menuitem但是当我选择一些menuitem图像并不显示所选项时,它只能显示下拉列表的标签。 提前谢谢

1 个答案:

答案 0 :(得分:-1)

检查&#34;标签示例&#34;在文档(http://www.material-ui.com/#/components/dropdown-menu

您必须在MenuItem中添加标签