反応/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)
これは非常に面倒に感じます。これを行うべき別の方法はありますか?何か不足していますか?前もって感謝します :)