React的作用域样式
获取由组件目录界定CSS类
它与CSS模块有何不同?
在CSS模块中,您必须手动导入和分配类
import styles from './button.styl' ;
const Button = ( ) => (
< button className = { styles . foo } > Press Me < / button >
) ;
React Scoped Styles不需要更改常规的样式工作流程。您仍然使用纯字符串分配类。
import './button.styl' ;
const Button = ( ) => (
< button className = "foo" > Press Me < / button >
) ;
安装
npm i react-scoped-styles
用法
该模块假定组件文件及其样式在同一目录中。这是手写
1