Javascript 有没有办法将PaperProps中的样式对象移动到材质UI中生成样式？

我有一个材质UI菜单组件，并尝试自定义其边框。我只能通过菜单元素内联的PaperProps来完成。但是我已经有了一个makeStyles对象。有没有办法将样式自定义添加到makeStyles

const useStyles = makeStyles({
  root: {
    ...
  }
}
...
<Menu
  PaperProps={{
    style: { borderRadius: 1 },
  }}
  className={ classes.root }
>
{props.children}
</Menu>

const useStyles=makeStyles({
根目录：{
...
}
}
...
{props.children}

您可以使用

检查位于的CSS部分

Classes属性接受一个对象，该对象的键表示要更新的样式规则

要替代图纸样式，可以执行以下操作：

<Menu
      id="simple-menu"
      open={true}
      classes={{
        paper: classes.custom
      }}
    >

完整的示例可能如下所示

import React from "react";
import Menu from "@material-ui/core/Menu";
import MenuItem from "@material-ui/core/MenuItem";
import { makeStyles } from "@material-ui/core/styles";

function App() {
  const useStyles = makeStyles({
    custom: {
      borderColor: "green",
      borderWidth: "2px",
      borderStyle: "solid"
    },
    list: {
      backgroundColor: "yellow"
    }
  });

  const classes = useStyles();

  return (
    <Menu
      id="simple-menu"
      open={true}
      classes={{
        paper: classes.custom,
        list: classes.list
      }}
    >
      <MenuItem>Item 1</MenuItem>
      <MenuItem>Item 2</MenuItem>
      <MenuItem>Item 3</MenuItem>
    </Menu>
  );
}

export default App;

从“React”导入React；
从“@material ui/core/Menu”导入菜单；
从“@material ui/core/MenuItem”导入菜单项；
从“@material ui/core/styles”导入{makeStyles}”；
函数App（）{
const useStyles=makeStyles({
自定义：{
边框颜色：“绿色”，
边框宽度：“2px”，
边框样式：“实心”
},
名单：{
背景颜色：“黄色”
}
});
const classes=useStyles（）；
返回(
项目1
项目2
项目3
);
}
导出默认应用程序；