Material ui Auswahlfeld druckt keinen Text nach Auswahl

Question

Ich stehe vor einem Problem, das ich nicht lösen kann, und ziemlich merkwürdig. Ich verwende material-ui: 0.18.5, ein grundlegendes SelectField und mehrere 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> 

Die SELECT richtig angezeigt wird, und wenn ich ein Feld auswählen, sehe ich mit dem react Addon auf Chrom, das meine Requisiten richtig eingestellt ist. Auch ich sehe das Floating-Label korrekt angezeigt. Aber das Hauptlabel ist nicht!

Answer 1

Ok mein schlecht, das key von onChange Methode des SelectField ist nicht die key des MenuItem aber seinen Index, wie von der doc erklärte:

key: The index of the selected menu item 

Diese ziemlich verwirrend ist allerdings .