SelectField (재료 -ui, 반응)에 대해 빈 메뉴 항목을 표시하는 올바른 방법은 무엇입니까

Question

저는 최신 0.15.4 버전의 material-ui 프레임 워크에서 버전 15.4.0의 반응을 사용하여 select-field을 사용합니다. 빈 메뉴 항목을 select-field에 추가하려고 할 때 클릭 할 때 'dropdown'필드 값을 잘못 사용할 수 있습니다. 같은 방식으로 추가하려고하면

<MenuItem value="" primaryText="" /> 

드롭 다운 목록에 나타나지 않습니다. SelectField에서 선택 빈 필드의 기능을 추가하는 적절한 방법은 무엇입니까?

Answer 1

MenuItem 값을 ""로 설정하고 primaryText를 ""로 설정하면 선택 항목에서 보이지 않게됩니다.

나는 이렇게 제안 : onChange가에

<SelectField value={this.state.some_key}> 
    <MenuItem value="Choice1" primaryText="Choice1" /> 
    <MenuItem value="Select" primaryText="Select" /> 
</SelectField> 

다음이 번 클릭 "선택"경기장에 빈 입력을 표시합니다

onChange = (event, index, value) => { 
    if(value === "Select") { 
     this.setState({some_key = ""}) 
    } 
} 

.