首页 > 其他分享 >React:styled-components有趣的用法

React:styled-components有趣的用法

时间:2023-01-17 15:11:38浏览次数:33  
标签:用法 React 参数 components styled 有趣

背景

用于记录一些styled-components的有趣的用法

绑定a标签的链接

image

编写伪类

image

在styleComponents中使用参数

image

传入参数

image

标签:用法,React,参数,components,styled,有趣
From: https://www.cnblogs.com/leoych/p/17057854.html

相关文章

  • 小满Vue3第四十五章(Vue3 Web Components)
    什么是 WebComponentsWebComponents提供了基于原生支持的、对视图层的封装能力,可以让单个组件相关的javaScript、css、html模板运行在以html标签为界限的局部环境中,不......
  • React: 动态添加样式
    问题背景在软件开发过程中,经常会出现动态添加style或className,比如:同一个表格组件在A处调用,需要固定前四列数据,B处调用则不用,那这时候,动态添加元素就派上了用场。解决方......
  • React-antd-tree-transfer
    import{Tree,Button,Card}from'antd';import{useEffect,useState}from'react';import'./App.css'consttreeData=[{title:'0-0',key:'0......
  • cita-sdk react16.9 依赖安装及运行问题经验记录
    运行环境查找选择node稳定版本发布时间,技术框架发布时间一致即可nodev10.18.0reactv16.9.0pythonv2.7.18安装cita-sdk一直报错上面两个错误一直循环报错,但最后......
  • React Tree树形结构封装工具类
    需要依赖 immutable,用于groupby分组buildTree为入口方法,注意返回的是Immutable.List对象,使用需要调用.toJS()方法转为普通对象其中 creatNode方法为构建节点对象,可根......
  • @ServletCompontScan 和 @ComponentScan
    @ServletComponentScan在SpringBootApplication上使用@ServletComponentScan注解后,servlet、Filter、Listener可以直接通过@WebServlet、@WebFilter、@WebListener注......
  • React Hook 系列(三):记一次中台项目的Hook沉淀
    ReactHook系列(三):记一次中台项目的Hook沉淀郭盖_2020年11月17日20:32 ·  阅读1891背景本文旨在分享,Reacthook 在中大型中台项目中的实践,适合熟悉 R......
  • 第七章、react高级
    目录十七、react-router的使用1、URL的hash2、HTML5的History3、router的基本使用4、十七、react-router的使用1、URL的hash<!DOCTYPEhtml><htmllang="en"><head>......
  • react-路由-新版本新写法
    importReact,{Component}from"react";import{Link,Route,Routes}from"react-router-dom";importHomefrom"./components/Home";importAboutfrom"./co......
  • Android开发学习之路--React-Native之初体验
      近段时间业余在学node.js,租了个阿里云准备搭建后端,想用node.js,偶尔得知react-native可以在不同平台跑,js在iOS和android上都可以运行ok,今天就简单学习下react-native。(......