0

反応/redux アプリを作成しており、JSS テーマを利用してアプリ/コンポーネントのスタイルを設定したいと考えています。Material UI などの JSS テーマを使用する他のライブラリも使用しているため、http://cssinjs.org/react-jss?v=v8.1.0#theming で説明されている名前空間テーマを作成して、競合を回避する必要があり ます。その他のテーマ。

これは、そのテーマでスタイルを設定したいすべてのコンポーネントに名前空間のテーマをインポートし、それを に渡す必要があるということinjectSheetですか? すなわち:

import React from 'react
import injectSheet, {ThemeProvider} from 'react-jss

// import my custom namespaced theming object...
import theming from '../path/to/my/custom/theming'

const styles = theme => ({
  container: {
    background: theme.background,
  }
})

const Demo = () => (
    <div className={props.classes.container}>
      //...
    </div>
)

// injectSheet with my custom namespaced theming object..
export default injectSheet(styles, {theming})(Demo)

これは非常に面倒に感じます。これを行うべき別の方法はありますか?何か不足していますか?前もって感謝します :)

4

1 に答える 1