Styled Components 备忘清单_开发速查表分享

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
    
  
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

继续阅读请点击广告