MUI 手风琴风格有效但风格（手风琴）不起作用

Question

我正在尝试为

width:100%

MUI

组件设置

Accordion

。我的组件结构如下。直接应用

style={{ width: "100%" }}

效果很好。但是当我创建一个单独的

styled

组件时它不起作用。

<Accordion defaultExpanded style={{ width: "100%" }}>
  <StyledAccordionSummary>
    <Typography noWrap>
      {name}
    </Typography>
    {filterComponent}
  </StyledAccordionSummary>
  <StyledAccordionDetails>
    <List>{children}</List>
  </StyledAccordionDetails>
</Accordion> 

以下不起作用：

export const StyledAccordion = styled(Accordion)(() => ({
  '& .MuiPaper-root': {
    width: "100%"
  },
}));


<StyledAccordion>
.....
</StyledAccordion>

是不是因为

class

不仅包含

MuiPaper-root

，还包含以下内容？

class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 
        MuiAccordion-root MuiAccordion-rounded Mui-expanded MuiAccordion-gutters css- 
        g8v8pi-MuiPaper-root-MuiAccordion-root"