재질 ui select 필드가 선택 후 텍스트를 인쇄하지 않습니다.

Question

나는 해결할 수없는 문제에 직면하고 있으며 실제로 이상합니다. 제대로

  <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 부가 기능으로 참조 : 나는 material-ui: 0.18.5, 기본 SelectField 여러 MenuItem을 사용하고 있습니다. 또한 플로팅 레이블이 올바르게 표시되는지 확인합니다. 그러나 주된 레이블은 그렇지 않습니다!

key: The index of the selected menu item 

이 비록 매우 혼란 :

Answer 1

좋아 내 나쁜의 SelectField의 onChange 방법의 key은하지 MenuItem하지만 인덱스의 key이의 문서에 의해 명시된입니다 .