как ссылаться на rulenames в дочернем компоненте в jss

Question

Я использую Material-UI.Поскольку он поддерживает стилизацию CSS с помощью JSS, я пытаюсь получить доступ к именам правил в другом компоненте.Как видно из приведенных ниже кодов, MyComponent использует компонент AppBar, и мне нужно получить доступ к именам правил в компоненте AppBar.Однако по какой-то причине я не могу получить доступ к именам правил в нем.

MyComponent.js

<div id="navigation-pills">
  <div className={classes.root}>
    <AppBar position="static" color="default">
      <Tabs
        ...
      >
        ...
      </Tabs>
    </AppBar>
  </div>
</div>

styles.js

const styles = theme => ({
  ...
  root: {
    flexGrow: 1,
    width: "100%",
    backgroundColor: theme.palette.background.paper,
    "& $flexContainer": {
      display: "none"
    }
  },
  ...
});

JSS API говорит, что я могу получить доступ к именам дочерних правил с помощью $, но по какой-то причине это не работает.

L

Как вы видите на картинке ниже, я хотел бы получить доступ к flexContainer имени правила в строке 7.

Answer 1

Может ссылаться только на правило из той же таблицы стилей (объект стилей).В вашем коде я не могу сказать, потому что вы заменили его на «...».