2017-12-18 3 views
0

私は解決できない問題に直面しています。私はmaterial-ui: 0.18.5、基本SelectFieldと、いくつかのMenuItemを使用しています:材質ui selectフィールドで選択後にテキストが印刷されない

  <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が正しく表示され、私は、フィールドを選択したとき、私は私の小道具が正しく設定されているクロムのreactアドオンを参照してください。また、浮動ラベルが正しく表示されています。しかし、主なラベルはありません!

enter image description here

答えて

0

[OK]を私の悪い、SelectFieldonChange方法のkeyは、ドキュメントで述べたように、MenuItemkeyが、そのインデックスではありません。

key: The index of the selected menu item 

しかしこれは非常に混乱しています。

関連する問題