react-css-in-js:最少的React css-in-js样式的组件-源码
React CSS-in-JS
使用标签模板，对于任何接受className属性的组件， className使用最小的React css-in-js，并且无需特殊的编译步骤。
入门
import { css , Styled } from 'react-css-in-js' ;
const color = 'white' ;
render (
{ css `
color : black;
background-color : hotpink;
& : hover {
color : ${ color } ;
}
` }
Hover to change color. < / div >
< / Styled >
) ;
重新造型
接受类名称的任何组件都可以重
文件下载
资源详情
[{"title":"（ 65 个子文件 793KB ） react-css-in-js:最少的React css-in-js样式的组件-源码","children":[{"title":"react-css-in-js-main","children":[{"title":".eslintrc.js <span style='color:#111;'> 1.09KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"jsdom.test.d.ts <span style='color:#111;'> 73B </span>","children":null,"spread":false},{"title":"css.tsx <span style='color:#111;'> 540B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 244B </span>","children":null,"spread":false},{"title":"private","children":[{"title":"_getStyledClassName.ts <span style='color:#111;'> 638B </span>","children":null,"spread":false},{"title":"_styleRefCounts.ts <span style='color:#111;'> 58B </span>","children":null,"spread":false},{"title":"_getConfig.ts <span style='color:#111;'> 1.35KB </span>","children":null,"spread":false},{"title":"_useStyle.ts <span style='color:#111;'> 839B </span>","children":null,"spread":false},{"title":"_useRenderEffect.ts <span style='color:#111;'> 967B </span>","children":null,"spread":false},{"title":"_getStyleTokenValues.ts <span style='color:#111;'> 420B </span>","children":null,"spread":false},{"title":"_getStyleTokens.ts <span style='color:#111;'> 2.66KB </span>","children":null,"spread":false},{"title":"_getHash.ts <span style='color:#111;'> 454B </span>","children":null,"spread":false},{"title":"_getCssText.test.ts <span style='color:#111;'> 4.17KB </span>","children":null,"spread":false},{"title":"_getJoinedSelectors.ts <span style='color:#111;'> 381B </span>","children":null,"spread":false},{"title":"_getCssBuilder.ts <span style='color:#111;'> 3.59KB </span>","children":null,"spread":false},{"title":"_getStyleTokenProperty.ts <span style='color:#111;'> 457B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"_StyledWrapper.tsx <span style='color:#111;'> 1.68KB </span>","children":null,"spread":false},{"title":"_Css.tsx <span style='color:#111;'> 184B </span>","children":null,"spread":false}],"spread":false},{"title":"types","children":[{"title":"ICssBlock.ts <span style='color:#111;'> 405B </span>","children":null,"spread":false},{"title":"ICssBuilder.ts <span style='color:#111;'> 171B </span>","children":null,"spread":false},{"title":"ICssPrinter.ts <span style='color:#111;'> 233B </span>","children":null,"spread":false},{"title":"Tokens.ts <span style='color:#111;'> 143B </span>","children":null,"spread":false}],"spread":false},{"title":"_constants.ts <span style='color:#111;'> 107B </span>","children":null,"spread":false},{"title":"_getCssText.ts <span style='color:#111;'> 1.10KB </span>","children":null,"spread":false},{"title":"_config.ts <span style='color:#111;'> 261B </span>","children":null,"spread":false},{"title":"_styleManagerDefault.ts <span style='color:#111;'> 782B </span>","children":null,"spread":false},{"title":"_printerPretty.ts <span style='color:#111;'> 358B </span>","children":null,"spread":false},{"title":"_printerDefault.ts <span style='color:#111;'> 308B </span>","children":null,"spread":false}],"spread":false},{"title":"components","children":[{"title":"Style.tsx <span style='color:#111;'> 1.76KB </span>","children":null,"spread":false},{"title":"Style.test.tsx <span style='color:#111;'> 911B </span>","children":null,"spread":false},{"title":"Styled.tsx <span style='color:#111;'> 1.58KB </span>","children":null,"spread":false},{"title":"Styled.test.tsx <span style='color:#111;'> 4.18KB </span>","children":null,"spread":false}],"spread":true},{"title":"types","children":[{"title":"IStyleConfig.ts <span style='color:#111;'> 737B </span>","children":null,"spread":false},{"title":"IStyleManager.ts <span style='color:#111;'> 877B </span>","children":null,"spread":false},{"title":"IStyleDehydrated.ts <span style='color:#111;'> 429B </span>","children":null,"spread":false}],"spread":true},{"title":"render-gc.test.tsx <span style='color:#111;'> 2.32KB </span>","children":null,"spread":false},{"title":"render-server.test.tsx <span style='color:#111;'> 3.95KB </span>","children":null,"spread":false},{"title":"configure.ts <span style='color:#111;'> 619B </span>","children":null,"spread":false},{"title":"render-client.test.tsx <span style='color:#111;'> 2.23KB </span>","children":null,"spread":false}],"spread":true},{"title":".vscode","children":[{"title":"settings.json <span style='color:#111;'> 121B </span>","children":null,"spread":false}],"spread":true},{"title":".npmignore <span style='color:#111;'> 18B </span>","children":null,"spread":false},{"title":".yarnrc <span style='color:#111;'> 104B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 334B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 746B </span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'> 605B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 6.69KB </span>","children":null,"spread":false},{"title":"docs","children":[{"title":"index.html <span style='color:#111;'> 303.47KB </span>","children":null,"spread":false},{"title":"CNAME <span style='color:#111;'> 19B </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"images","children":[{"title":"icons@2x.png <span style='color:#111;'> 27.48KB </span>","children":null,"spread":false},{"title":"icons.png <span style='color:#111;'> 9.39KB </span>","children":null,"spread":false},{"title":"widgets@2x.png <span style='color:#111;'> 855B </span>","children":null,"spread":false},{"title":"widgets.png <span style='color:#111;'> 480B </span>","children":null,"spread":false}],"spread":false},{"title":"js","children":[{"title":"main.js <span style='color:#111;'> 151.90KB </span>","children":null,"spread":false},{"title":"search.js <span style='color:#111;'> 5.70KB </span>","children":null,"spread":false}],"spread":false},{"title":"css","children":[{"title":"main.css <span style='color:#111;'> 121.03KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"modules.html <span style='color:#111;'> 303.38KB </span>","children":null,"spread":false},{"title":"interfaces","children":[{"title":"istyledehydrated.html <span style='color:#111;'> 278.84KB </span>","children":null,"spread":false},{"title":"istyleprops.html <span style='color:#111;'> 279.44KB </span>","children":null,"spread":false},{"title":"istylemanager.html <span style='color:#111;'> 282.22KB </span>","children":null,"spread":false},{"title":"istyledprops.html <span style='color:#111;'> 280.64KB </span>","children":null,"spread":false},{"title":"istyleconfig.html <span style='color:#111;'> 281.36KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 89B </span>","children":null,"spread":false},{"title":".prettierrc.js <span style='color:#111;'> 136B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 453.65KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 2.37KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- 图像骨架提取（细化）
- C++实现边长前方交会
- JAVA在线考试管理系统(源代码+论文+开题报告+外文翻译+英文文献+答辩PPT).rar
- ZStack-CC2530-2.3.1-1.4.0协议栈
- Head First Python（完整书签目录.中文版）.pdf
- 爱普生和上位机通讯.rar
- 【代码】opencv FilterEngine类
- 编译器原理－－一个小计算器的实现
- Mac版unity的新版sdk
- VHDL语言100例详解.
- 步态识别源码
- android实现数据库的增删改查实例代码
- 三角形网格剖分程序，可以把任意平面区域剖分成三角形网格
- OpcUaClient_VB.zip
- 抽卡（第四个作品，加油）
- flightim：用于生成恶意网络流量并评估控件的实用程序-源码
- jsp-计算器
- c++builder图像处理
- 基于DVB-T标准的OFDM调制技术的MATLAB源码
- 《有限元法》考试试卷
- C# 二维码生成图片（源码）
- [逻辑学(上)].黑格尔.文字版
- 东南大学计算机图形学实验三 橡皮筋算法 种子填充
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明