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

发布时间 2023-03-23 21:15:27作者: IT民工爱搬砖

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