background-color: blue; } .title { // 复用 className 类的样式 composes: className; color: red; } react-css-modules 值得一提的是,文章的作者也是 react-css-modules 的作者。 react-css-modules 代码示例: import React from 'react'; import CSSModules from 'react-css-modules'; import cell'>B0
react-router-redux react-breadcrumbs monorouter cerebral-module-router CSS / Style react-responsive react-css-modules
ant-motion: React动画引擎 prop-types: React组件参数验证 react-amap: React地图组件 react-beautiful-dnd: React拖拽组件 react-css-modules
你也可以尝试一下CSS模块,如 react-css-modules(地址:https://github.com/gajus/react-css-modules) 。
', 'react-dom', 'redux', 'react-redux', 'react-router-dom', 'react-router-redux', 'react-css-modules
**,可以试一下 react-css-modules,它通过高阶函数的形式来避免重复输入 styles.**。
另外有基于css-modules使用高阶组件的react-css-modules使用人数也比较多,允许横线命名方式且全局本地样式区分简单,但有benchmark测试表明其会较大程度拖累性能,所以也舍弃。
注意,react-css-modules 也有这样的问题,请使用 babel-plugin-react-css-modules 上面这些观点主要想提醒开发者不要盲目去使用 styled-components