技术栈

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地址与域名:访问网站的基石
相关推荐
鱼人
9 小时前
HTML5 页面性能优化大全
前端
ping某
9 小时前
专栏-null 和 undefined 到底是什么?
前端·javascript·后端
用户90046337040
9 小时前
5MB vs 4KB vs 无限大:浏览器存储谁更强?
前端
小小小小宇
10 小时前
Harness Engineering 全解析与应用
前端
牧艺
10 小时前
cos-design v3.0:从 15 个 Demo 到 49 个组件的视觉特效库
前端·视觉设计
lichenyang453
10 小时前
ASCF 架构升级总览:WebRuntimePage 为什么要变薄
前端
道友可好
10 小时前
从今天开始:你的第一个 Harness Engineering 实践
前端·人工智能·后端
Linsk
10 小时前
组件 = 模板 + 业务逻辑
java·前端·vue.js
二月龙
11 小时前
移动端 H5 页面开发:响应式适配 + 低版本兼容实战指南
前端
小强1988
11 小时前
HTML5 新表单全解:日期、手机号、颜色选择器
前端
热门推荐
012026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?022026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?03【AI】2026 年具身智能模型和世界模型总结042026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf05GitHub 镜像站点06Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析07AI一周事件 · 2026-06-03 至 2026-06-0908AI科技热点日报 | 2026年6月1日09Codex 下载安装指南:Windows 和 macOS 官方版下载10【解构】DeepSeek V4 发布:技术报告深度解读 + 横向对比六大开源模型,我们的判断是……