react 使用styled-componts

一、安装

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

相关推荐
JavaGuide15 小时前
一个 SKILL.md 拿下 2.3 万 Star:让 Codex/Claude Code 少说废话、先给答案
前端·后端
晴天1616 小时前
多个 VS Code 项目会导致 Chrome 和 Electron 应用一起卡住?-Day30
前端·chrome·electron
BigTopOne1 天前
【WebRtc】DTLS-SRTP 加密完整流程详解
前端
陈随易1 天前
pm2 替代品,nodejs&bun 线上部署必备工具
前端·后端·程序员
单线程_011 天前
从案例分析 Vue3 Tokenizer 源码一
前端·javascript·vue.js
BigTopOne1 天前
【WebRtc】-ICE Candidate 与 STUN/TURN 原理详解
前端
l1258651 天前
# LangGraph Memory机制深度解析:短期记忆与长期记忆的工程实践
前端·人工智能·python·langchain·bootstrap
码视野1 天前
基于 Spring Boot + Vue3 的【大学英语四六级 (CET-4/6) 作文智能评分与句式润色系统】设计与实现(含PRD/三端高保真源码/大屏)
java·前端·人工智能·spring boot·后端·vue3
大模型码小白1 天前
AI 对话流性能调优:万级消息的虚拟滚动落地
java·大数据·前端·javascript·人工智能·算法·机器学习
m0_547486661 天前
《JavaScript核心原理 》全套PPT课件2026
开发语言·javascript·ecmascript