Drawer item navigation

If your Material-UI app uses a router such as react-router to navigate from page to page, you'll probably want links as your Drawer items. To do so, you have to integrate components from the react-router-dom package.

How to do it...

Let's say that your app is composed of three pages. To navigate from page to page, you want to provide your users with links in the Drawer component. Here's what the code looks like:

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

import { withStyles } from '@material-ui/core/styles';
import Drawer from '@material-ui/core/Drawer';
import Grid from '@material-ui/core/Grid&apos...