React Material-UI Cookbook

How it works...

Let's start by taking a look at the Routes component that define the pages in your app, as follows:

const WithNavigation = withStyles(styles)(({ classes }) => (  <div className={classes.root}>    <Route      exact      path="/"      render={() => (        <Fragment>          <MyToolbar title="Home" />          <Typography>Home</Typography>        </Fragment>      )}    />    <Route      exact      path="/page2"      render={() => (        <Fragment>          <MyToolbar title="Page 2" />          <Typography>Page 2</Typography>        </Fragment>      )}    />    <Route      exact      path="/page3"      render={() => (        <Fragment>          <MyToolbar title="Page 3" />          <Typography>Page 3</Typography>        </Fragment>      )}    />  </div>));