如何使用react中的material ui为facebook上的头像制作边框？

npm install @material-ui/core

import React from 'react';
import { Avatar, makeStyles } from '@material-ui/core';

const useStyles = makeStyles((theme) => ({
  avatar: {
    border: '2px solid #fff', // 设置边框样式
  },
}));

const MyComponent = () => {
  const classes = useStyles();

  return (
    <Avatar className={classes.avatar}>
      {/* 这里放置你的头像 */}
    </Avatar>
  );
};

export default MyComponent;