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