Styled Components 备忘清单
IT宝库整理的Styled Components快速参考备忘单提供了使用 CSS in JS 工具的各种方法入门,为开发人员分享快速参考备忘单。
开发速查表大纲
-
入门
- 安装
- 快速开始
- 根据 Props 适配
- 扩展样式
- 扩展样式改变标签 (as)
- 自定义组件(as)
- 样式化任何组件
- 在 render 之外定义 Styled 组件
- 传入值
- 样式对象
- CSSModules => styled
- 伪元素、伪选择器和嵌套
- 改变 styled 组件样式
- 全局样式 createGlobalStyle
- className 使用
- 共享样式片段
- Class 组件样式定义
- 附加额外的 Props
- 覆盖 .attrs
- 动画
- isStyledComponent
- ThemeConsumer
-
TypeScript
- 安装
- 自定义 Props
- 简单的 Props 类型定义
- 禁止转移到子组件($)
- 函数组件类型继承
-
React Native
- 基础实例
- React Native 中写 CSS
-
高级用法
- 主题化
- 功能主题
- 通过 withTheme 高阶组件
- useContext 钩子
- useTheme 自定义钩子
- 主题 props
- Refs
- 特异性问题
- ThemeProvider
- shouldForwardProp
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net