小编Nat*_*and的帖子

为什么我的 MUI 分隔线没有出现在 MUI 容器或纸张中?

早上好,

我爱上了 MUI,可以做的事情太多了。但是,在广泛使用它之后,我注意到当 MUI Divider 是 Container 或 Paper 组件的子级时,它不会出现。我找不到任何关于为什么会这样的信息,所以这可能是我的实现。有人可以检查一下,看看为什么它没有出现吗?

一切都是进口的,Popover 工作正常。

谢谢!

navBarPopover: {
    display: "flex",
    flexDirection: "column",
    alignItems: "center",
    justifyContent: "center"
}

<Popover 
    id={id}
    open={open}
    anchorEl={anchorEl}
    onClose={handleClose}
    anchorOrigin={{
        vertical: "top",
        horizontal: "right",
    }}
    transformOrigin={{
        vertical: "top",
        horizontal: "right",
    }}
>
  <Container className={clsx(classes.navBarPopover)}>
      <Button className={clsx(classes.loginButton)} component={Link} to="/user_auth" onClick={() => handleClose()}>
          Login
      </Button>
      <Divider />
      <Button className={clsx(classes.loginButton)} component={Link} to="/faqs" onClick={() => handleClose()}>
          FAQs
      </Button>
  </Container>
</Popover>
Run Code Online (Sandbox Code Playgroud)

javascript divider reactjs material-ui

1
推荐指数
1
解决办法
1072
查看次数

标签 统计

divider ×1

javascript ×1

material-ui ×1

reactjs ×1