How to do it...

Here's some code that renders Select with several values. You can select as many values as you like:

import React, { useState } from 'react';import { makeStyles } from '@material-ui/styles';import Select from '@material-ui/core/Select';import Input from '@material-ui/core/Input';import InputLabel from '@material-ui/core/InputLabel';import MenuItem from '@material-ui/core/MenuItem';import FormControl from '@material-ui/core/FormControl';const options = [  { id: 1, label: 'First' },  { id: 2, label: 'Second' },  { id: 3, label: 'Third' },  { id: 4, label: 'Fourth' },  { id: 5, label: 'Fifth' }];const useStyles = makeStyles(theme => ({  formControl: {    margin: theme.spacing(1),    minWidth: 100,    maxWidth: 280  }}));export default function ...

Get React Material-UI Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.