材料ui选择字段在选择后不打印文本

时间:2017-12-18 10:49:06

标签: reactjs drop-down-menu material-ui

我面临着一个我无法解决的问题,而且确实非常奇怪。我使用的是material-ui: 0.18.5,一个基本SelectField和几个MenuItem

          <SelectField
            maxHeight={350}
            floatingLabelText={translate(messages.label)}
            value={this.props.op[OP_FIELDS.ID]}
            onChange={this.handleFieldChange(OP_FIELDS.ID)}
          >
            {this.props.op.map((item) =>
              <MenuItem
                key={`op_${item.key}`}
                value={item.key}
                primaryText={item.labelFR}
                label={item.labelFR}
              />
            )}
          </SelectField>

SelectField正确显示,当我选择一个字段时,我看到chrome上的react插件表明我的道具已正确设置。我也看到浮动标签正确显示。但主要标签不是!

enter image description here

1 个答案:

答案 0 :(得分:0)

好的,key的{​​{1}} onChange SelectField方法不是key的{​​{1}},而是其索引,如DOC:

MenuItem

但这很令人困惑。

相关问题