react中的css(css in js)

npm install styled-components

import styled from "styled-components"
import * as variable from "./variable"
// import {primaryColor,smallSize} from "./variable"//设置默认值export const AppWrapper = styled.div.attrs(// color:"purple"props=>{return  props.color || "green"})`   border:solid 1px ;p{color:red;}.title{font-size: 20px;color: ${variable.primaryColor};}span{font-size: ${props =>props.size}px;   //获取props需要通过一个${"kuohao"}传入一个插值函数 props会作为函数的参数color: ${props=> props.color};}`
export const AppNextWraaper = styled.div`
p{color:orange
}
`

export const primaryColor = "black"
export const smallSize = 10

react中的css(css in js)相关推荐

React学习(十)-React中编写样式CSS(styled-components)
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊撰文 | 川川 VX-ID:suibichuanji 点 ...
React中如何引入css呢
在平常的后台系统开发中,常常需要缓存一些之前打开的页面,方便操作,多页签就是用来管理页面的,如下图 Umi4.0版本发布到现在已经有一段时间,全新的框架当然需要学习一下新的特性和功能,由于Umi4.0 ...
React中的四种样式使用优缺点比较
1.组件化天下下的CSS css的设计就不是为组件化而生的,所以在目前组件化的框架中都在需要一种合适的CSS解决方式. 组件化中选择合适的CSS解决方案应该符合以下条件: 1.可以编写局部的css:c ...
歌谣学前端之React中jsx
前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的 ...
react 添加css_在JS中使用情感CSS将暗模式添加到您的React应用中
react 添加css Dark theme is one of the most requested features over the past few years. The most popul ...
React攻略秘籍二:React中使用css的五种方法（包括less与styled-compenents）
一.前言相信学过vue与react的小伙伴们应该都知道react使用css是多么麻烦,他没有像vue一样的规定好的样式,没有给css规定的作用域这也就react中一个组件样式会出现干扰另外一个组件样 ...
在react中使用css modules解决组件之间样式覆盖问题
今天在写react项目的时候发现两个组件之间相同类名之间样式会发生覆盖的问题,上网查了一下,大佬们都推荐使用css IN JS 简单介绍一下自己的使用:come on baby 介绍:css in j ...
react中使用scss_我如何将CSS模块和SCSS集成到我的React应用程序中
react中使用scss by Max Goh 由Max Goh 我如何将CSS模块和SCSS集成到我的React应用程序中 (How I integrated CSS Modules with SC ...
node中怎样将css导入到html,CSS无法使用Node.js加载到我的HTML代码中
我想通过Node.js使用express()函数在localhost:3000中将CSS添加到我的HTML中. 不幸的是,有些奇怪.我一步一步按照教程中的步骤,但仍然无法加载我的CSS.我的style ...
在chrome-console中进行xpath/css/js定位
一.Xpath console中调用xpath的基本格式:$x("xpath表达式") 1.1 绝对定位与相对定位绝对定位:$x("/xpath表达式") 相 ...

react中的css(css in js)

react中的css(css in js)相关推荐

最新文章

热门文章