برای اینکه در ریکت بتونیم هر component یا container کلاس مخصوص خودش داشته باشه و یونیک باشه بایستی css module رو در ریکت enable کنیم.
1) npm run eject
2) config ---> (webpack.config.dev.js) && (webpack.config.prod.js) find something like that:
loader: getStyleLoaders({
importLoaders: 1,
sourceMap: shouldUseSourceMap,
modules: true,
localIdentName: '[name]__[local]__[hash:base64.5]'
}),
3) add Bold items in both files.
سپس در component یا container کلاس خود را مثل زیر اضافه کنید.
1) in css file ---> .getColor: {color: red}
2) in js or jsx file ---> import style from './yourCss'
3) in jsx part ---> <h1 className={style.getColor}>Arin Movsesian</h1>
در نهایت هر تگی کلاس یونیک خود را خواهد داشت.