最新要闻

广告

手机

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

家电

全球最新: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

关键词: