Question

我有一个react material-ui扩展面板，该面板的折叠子级导致我出现问题，因此我需要将其溢出设置为可见，但是我不知道如何在反应中做到这一点，特别是因为这个子级不是我定义的类，但是是导入的扩展面板的子级。

我已经在控制台中进行了测试，我知道哪个类需要在其上overflow: 'visible'样式，但是我不知道如何应用它。

下面是我的HTML和CSS的基本结构，但实际上问题是如何将其应用于扩展面板的子组件

HTML

 <ExpansionPanel
  className={classes.expansionPanelExpanded}
  >

  // the stuff inside the panel            
 </ExpansionPanel>

CSS

const materialStyles = (theme: Theme) =>
  createStyles({
    container: {
      overflow: 'visible'
    },
    expansionPanelExpanded: {
      boxShadow: 'none',
      root: {
        overflow: 'visible',
        expansionPanelExpanded: {
          overflow: 'visible'
        },
      },

    },

  })

expansionPanelExpanded内部的所有内容都是我试图将overflow: 'visible'传递给其子级的子项，该子项在控制台中以className显示为：

class='MuiCollapse-container-444 MuiCollapse-entered-445'

此类的父级是：

 class='MuiPaper-root-405 MuiPaper-elevation1-408 MuiExpansionPanel-root-402 WithStyles-ExpansionPanel--root-500 MuiExpansionPanel-expanded-403'

如果我可以为此设置overflow: visible样式，它将解决我的问题。

将样式传递给React中的父母子女

0 个答案: