Reactjs 如何在材质UI模式上设置BorderRadius属性

这应该围绕我的材料界面模式：

const useStyles = makeStyles((theme) => ({
  loginModal: {
    position: 'absolute',
    margin: 'auto',
    top: '0',
    bottom: '0',
    left: '0',
    right: '0',
    width: '40%',
    height: '70%',
    overflowY: 'none',
    outline: 'none',
    borderRadius: 25
}));

// ...omited

return (
<Modal
  className={classes.modalClassContainer}
  open={open}
  onClose={close}
  closeAfterTransition
  BackdropComponent={Backdrop}
  BackdropProps={{
    timeout: 600,
  }}>
    <Fade in={open}>
      <div className={classes.loginModal}>
        {childBody}
      </div>
    </Fade>
 </Modal>
)

const useStyles=makeStyles（（主题）=>({
逻辑模型：{
位置：'绝对'，
页边空白：“自动”，
顶部：“0”，
底部：“0”，
左：“0”，
右：“0”，
宽度：“40%”，
身高：70%，
溢出：“无”，
大纲：“无”，
边界半径：25
}));
//…省略
返回(
{childBody}
)

---

在这种情况下，除边框外，所有内容都正常工作。边框显示为静止状态，也不为圆形。如何添加圆形边框？

borderRadius

应为长度单位的字符串。请尝试使用

borderRadius:'25px'

---

编辑：不要相信我。正如Nearhuscall指出的，默认情况下，

25

将转换为

'25px'

。OP的问题是，他将样式添加到了错误的元素。

将边框raius添加到模式子体中是有效的。这个答案没有任何作用，因为默认情况下，

25

将转换为

25px'

。