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}]
评论信息
其他资源
- 哈工大自然语言处理课件及实验
- NS2下无线网络的各种参数统计的AWK脚本
- 卷积神经网络的训练流程图
- 华为硬件工程师手册目前最全版本.pdf
- J2EE毕业论文中英文资料外文翻译文献.pdf
- 数据降维.rar
- MaterialStudio 2017破解文件
- 模拟退火法求最小值
- VS2010用OpenGl读取obj格式文件
- swigwin-3.0.12
- i5-10600KF-华硕B460mpro-RX580(OC0.6.5+0.6.7开发版带主题).7z
- Snipaste_latest_截图软件.7z
- 2020年火电行业研究报告及展望-.pdf
- 高中物理必修1知识点清单.pdf
- itoolssetup_4.4.1.3
- 虚拟现实 房屋沙发设计
- STM32F373 DAC生成三角波 源码
- 数据结构课程设计抽签游戏
- 计算机组织与结构：性能设计 william stalling 东南大学信息学院 期末试卷答案16-17-2 - 答案.pdf
- 在线订餐系统
- Symantec Backup Exec 2012授权文件
- cell lac 基站数据
- unity5超酷3D战斗机空战游戏完整源码
- 用verilog写得弹珠小游戏
- 16位浮点FFT算法的VHDL实现(有测试文
- 读取心电图txt格式文件数据并且显示的app
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明