如何在Material-UI的Card组件中覆盖“ MuiPaper-elevation1”属性？

Question

我有一个Card组件，它在HTML中如下所示： <div class="MuiPaper-root MuiCard-root makeStyles-Card-5 MuiPaper-elevation1 MuiPaper-rounded">

我需要将MuiPaper-elevation1更改为MuiPaper-elevation0，以去除阴影。

我尝试过

    <Card
      MuiPaperElevation0
      MuiPaper-elevation0
      style={{ boxShadow: 0 }}
    >

但是它不起作用，什么也没有改变，阴影仍然存在。

有人可以教我该怎么做吗？ 谢谢！

Answer 1

Card API接受一个高程道具（从Paper组件继承）。为了更改海拔，您需要传递一个数字。这将删除框阴影，而无需添加您自己的样式 API：https://material-ui.com/api/paper/

<Card elevation={0}>
....
</Card>

Answer 2

您可以像这样使用基础的Paper道具：

<Card
  elevation={0}
>

基本上，您可以将任何道具应用到卡片上，就像应用于纸元素