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>

希望有所帮助：）

选择组件中的占位符

1 个答案: