如何覆盖 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

您可以像这样使用底层 Paper 属性：

<Card
  elevation={0}
>

本质上，您可以将任何要应用于 Paper 元素的道具应用于卡片