Customizing menu items

You can change regular menu items that have onClick handlers into something more elaborate. For example, you might want a menu with links to other screens in your app.

How to do it...

Let's say that you're using react-router in your application to control the navigation from one screen to another, and you would like to use a Menu component to render links. Here's an example that shows how to do this:

import React, { Fragment, useState } from 'react';
import { Switch, Route, Link } from 'react-router-dom';

import { makeStyles } from '@material-ui/styles';
import Button from '@material-ui/core/Button';
import Menu from '@material-ui/core/Menu&apos...