[REACT]Material-ui多个快捷栏

import React from 'react';
import { AppBar, Toolbar, Typography, Grid } from '@material-ui/core';

const App = () => {
  return (
    <div>
      <AppBar position="static">
        <Toolbar>
          <Typography variant="h6">主要导航</Typography>
        </Toolbar>
      </AppBar>
      <Grid container spacing={2}>
        <Grid item xs={6}>
          <AppBar position="static">
            <Toolbar>
              <Typography variant="h6">用户资料</Typography>
            </Toolbar>
          </AppBar>
        </Grid>
        <Grid item xs={6}>
          <AppBar position="static">
            <Toolbar>
              <Typography variant="h6">设置</Typography>
            </Toolbar>
          </AppBar>
        </Grid>
      </Grid>
    </div>
  );
};

export default App;