如何在Material UI (React JS)中根据需要创建一个'Select‘组件

npm install @material-ui/core

import React from 'react';
import { FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedValue: '',
    };
  }

  handleChange = (event) => {
    this.setState({ selectedValue: event.target.value });
  };

  render() {
    return (
      <FormControl>
        <InputLabel id="select-label">Select an option</InputLabel>
        <Select
          labelId="select-label"
          value={this.state.selectedValue}
          onChange={this.handleChange}
        >
          <MenuItem value="option1">Option 1</MenuItem>
          <MenuItem value="option2">Option 2</MenuItem>
          <MenuItem value="option3">Option 3</MenuItem>
        </Select>
      </FormControl>
    );
  }
}