Повторное использование JSS в нескольких компонентах - PullRequest
Новая
       14

Повторное использование JSS в нескольких компонентах

0 голосов
/ 24 мая 2019

Я пытаюсь повторно использовать JSS, используя Material UI с React.

Я не уверен, что это правильный способ сделать это, но я создаю глобальную таблицу стилей JSS под названием SharedStyles.js, а затем я собираюсь экспортировать ее во все мои компоненты. У меня много стилей, но я буду использовать backgroundColor в качестве примера.

SharedStyles.js 

export const layout = {
  main:{
    backgroundColor: '#3d6a7a',
  },
}
const SharedStyles = theme => ({
  "layout.main": layout.main
});
export default SharedStyles;

Компоненты, которые я хочу экспортировать в 

import SharedStyles, {layout} from '../../../styles/SharedStyles.js';

const { classes } = props;

<Grid container spacing={16} className={classes["layout.main"]}></Grid>

Я использовал пример в Интернете, чтобы получить это далеко, но он не работает для меня.

style={layout.main} работает, но мне интересно, является ли это наилучшей практикой или мне следует придерживаться className

...