如何使用material UI在Appbar的右侧设置图标

npm install @material-ui/core

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

function MyApp() {
  return (
    <div>
      <AppBar position="static">
        <Toolbar>
          <Typography variant="h6">My App</Typography>
          <IconButton edge="end" color="inherit">
            <AccountCircle />
          </IconButton>
        </Toolbar>
      </AppBar>
      {/* 其他组件内容 */}
    </div>
  );
}

<AppBar position="static" style={{ backgroundColor: '#f44336' }}>