当前位置: 首页 > news >正文

react-jss书写样式

目录

  • react-jss的使用

react-jss的使用

  • 实现组件化样式、动态样式、避免样式冲突
npm install react-jss
yarn add react-jss
// 使用
import React from 'react';
import { createUseStyles } from 'react-jss';const useStyles = createUseStyles({myButton: {color: 'green',margin: {top: 5,right: 0,bottom: 5,left: 0,},'& span': {fontWeight: 'bold',},},
});function MyComponent() {const classes = useStyles();return <button className={classes.myButton}>Submit<span>Button</span></button>;
}
http://www.lryc.cn/news/289342.html

相关文章:

  • Oracle PL/SQL Programming 第3章:Language Fundamentals 读书笔记
  • 【Spring Boot 3】【@Scheduled】动态修改定时任务时间
  • WordPress如何自定义日期和时间格式?附PHP日期和时间格式字符串
  • log4j2 配置入门介绍
  • 深入Pyecharts:桑基图绘制与炫酷效果实战【第38篇—python:桑基图】
  • RBD —— 不同材质破碎
  • MySql8的简单使用(1.模糊查询 2.group by 分组 having过滤 3.JSON字段的实践)
  • 数据监控-Prometheus/Grafana
  • Compose | UI组件(三) | TextField() 输入框组件
  • 组件冲突、data函数、组件通信
  • 【C++杂货铺】详解类和对象 [上]
  • Linux 驱动开发基础知识—— 驱动设计的思想(六)
  • Mybatis-Plus入门
  • MODNet 剪枝再思考: 优化计算量的实验历程分享
  • Flink多流转换(1)—— 分流合流
  • CSS高级技巧导读
  • Redis数据类型-string
  • 【HDFS】一天一个RPC系列--updatePipeline
  • CentOS 7 上使用 wget 安装 Nginx 并设置开机自启
  • Android源码设计模式解析与实战第2版笔记(一)
  • HTML+JavaScript-06
  • 单元测试——题目十二
  • 详解:大数据信用报告信用等级怎么看?
  • rsync命令常用参数详解
  • 基于SpringBoot实现策略模式提供系统接口扩展能力
  • v43-47.problems
  • 华为HCIP Datacom H12-831 卷14
  • 《vtk9 book》 官方web版 第3章 - 计算机图形基础 (1 / 6)
  • 负载均衡是什么,负载均衡有什么作用
  • Leetcode 3020. Find the Maximum Number of Elements in Subset