佔位符在選擇組件

Question

我用https://github.com/callemall/material-ui/tree/v1-beta

我可以做的Select組件的佔位符？

<Select 
    value={value} 
    onChange={handleChange} 
    input={<Input />} 
> 
    <MenuItem value={''}>Any</MenuItem> 
    <MenuItem value={'Male'}>Male</MenuItem> 
    <MenuItem value={'Female'}>Female</MenuItem> 
</Select> 

感謝

Answer 1

您應該使用FormControl和InputLabel組件。從選擇組分材料頁面

例子：

<FormControl className={classes.formControl}> 
     <InputLabel htmlFor="age-simple">Age</InputLabel> 
     <Select 
     value={this.state.age} 
     onChange={this.handleChange('age')} 
     input={<Input id="age-simple" />} 
     > 
     <MenuItem value=""> 
      <em>None</em> 
     </MenuItem> 
     <MenuItem value={10}>Ten</MenuItem> 
     <MenuItem value={20}>Twenty</MenuItem> 
     <MenuItem value={30}>Thirty</MenuItem> 
     </Select> 
    </FormControl> 

希望它能幫助:)