在材料ui中的芯片内部选择场并做出反应

时间:2017-11-16 10:05:56

标签: javascript reactjs material-ui

我在这里遇到一些问题,我需要你的帮助。 我想渲染一个带有芯片的选择字段。我成功地实现了这个,但我有一点问题。当我在下拉列表中点击我的一个芯片时,下拉文本没有显示任何内容。我在菜单项中添加了propery primaryText,并且成功显示了值,但没有按照我希望的方式显示。这是一个截图: enter image description here

这是我的代码:

          <MenuItem
            key={id}
            value={id}
            style={styles.scroll}
            primaryText={id}
          >
            <Chip
              key={id}
              style={styles.chip}
              onClick={() => customerSessionSelector(id)}
              onRequestDelete={() => handleRequestDelete(id)}
            >
              {id}
            </Chip>
          </MenuItem>

为了不在芯片下显示文本,我删除了primaryText属性但是当我选择值时,该值现在显示了?关于如何实现这样的事情的任何想法?

0 个答案:

没有答案