Selecting multiple items

Users can select multiple values from the Select components. This involves using an array as the selected value state.

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' },
 ...