技术栈

react 使用styled-componts

Yehger2024-06-27 13:47

一、安装

c 复制代码
npm i styled-components

二、直接使用

js 复制代码
import React from 'react'
import styled from 'styled-components'
const Node = styled.div`
    color:red;
`

export default function(){
    return (
        <Node>
            this is test content
        </Node>
    );
};

三、官网

https://styled-components.com/docs/basics#getting-started

上一篇:模板的概念及其在C++中的应用以及优缺点
下一篇:理解IP地址与域名:访问网站的基石
相关推荐
离&染
10 分钟前
vue.js2.x + elementui2.15.6实现el-select滚动条加载数据
前端·javascript·vue.js·el-select滚动加载
inferno
16 分钟前
HTML基础(第一部分)
前端·html
kirinlau
19 分钟前
pinia状态管理在vue3项目中的用法详解
前端·javascript·vue.js
zhuà!
1 小时前
腾讯地图TMap标记反显,新增标记
前端·javascript·vue.js
未知原色
1 小时前
web worker使用总结(包含多个worker)
前端·javascript·react.js·架构·node.js
ttod_qzstudio
1 小时前
CSS改变图片颜色方法介绍
前端·css
curdcv_po
1 小时前
我接入了微信小说小程序官方阅读器
前端·微信小程序
程序员鱼皮
2 小时前
什么是 RESTful API?凭什么能流行 20 多年?
前端·后端·程序员
www_stdio
2 小时前
让大语言模型拥有“记忆”:多轮对话与 LangChain 实践指南
前端·langchain·llm
inferno
2 小时前
JavaScript 基础
开发语言·前端·javascript
热门推荐
01GitHub 镜像站点02从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击033D 圣诞树网页代码04UV安装并设置国内源05在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)06Linux下V2Ray安装配置指南07Gemini3 生成的基于手势控制3D粒子圣诞树08电脑检测软件—图吧工具箱09解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题10GLM-4.7 vs MiniMax-M2.1:代码工程理解