Как сделать компонент Select в соответствии с требованиями в пользовательском интерфейсе материала (React JS)

Для установки необходимого поля Select с помощью пользовательского интерфейса материала вы можете:

class SimpleSelect extends React.PureComponent {
  state = {
    selected: null,
    hasError: false
  }

  handleChangeEvent(value) {
    this.setState({ selected: value });
  }

  handleClick() {
    this.setState(state => ({ hasError: !state.selected }));
  }

  render() {
    const { classes } = this.props;
    const { selected, hasError } = this.state;

    return (
      <form className = {classes.root} autoComplete = "off">
        <FormControl className = {classes.formControl} error = {hasError}>
          <InputLabel htmlFor = "name">
            Name
          </InputLabel>
          <Select
            name = "name"
            value = {selected}
            onChange = {event => this.handleChangeEvent(event.target.value)}
            input = {<Input id = "name" />}
          >
            <MenuItem value = "hai">Hai</MenuItem>
            <MenuItem value = "olivier">Olivier</MenuItem>
            <MenuItem value = "kevin">Kevin</MenuItem>
          </Select>
          {hasError && <FormHelperText>This is required!</FormHelperText>}
        </FormControl>
        <button type = "button" onClick = {() => this.handleClick()}>
          Submit
        </button>
      </form>
    );
  }
}

Рабочая демонстрация на CodeSandBox

Пользовательский интерфейс материала имеет и другие типы Select (native), где вы можете просто использовать обычный атрибут HTML, чтобы пометить элемент, как требуется.

<FormControl className = {classes.formControl} required>
  <InputLabel htmlFor = "name">Name</InputLabel>
  <Select
    native
    required
    value = {this.state.name}
    onChange = {this.handleChangeEvent}
    inputProps = {{
      name: 'name',
      id: 'name'
    }}
  >
    <option value = "" />
    <option value = {"lala"}>lala</option>
    <option value = {"lolo"}>lolo</option>
  </Select>
</FormControl>

P.S. https://material-ui.com/demos/selects/#native-select