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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.