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

相关推荐
2601_949575868 小时前
JSON5 跨端三方库仓颉适配全流程
前端·javascript·flutter
Java后端的Ai之路8 小时前
【AIAgent项目-AI生成PPT-09】灵活排版
前端·vue.js·人工智能·python·powerpoint
MasonYyp8 小时前
安装npm依赖仓库Verdaccio
前端·npm·node.js
Antruly8 小时前
C++ Web 开发选型漫谈:从 Drogon 到 libuvcpp + uvp,八个项目的定位、兼容性与务实排名
开发语言·前端·c++
红红谈说9 小时前
同一套产品两个技术栈,双版本前端工程差异怎么收敛?
前端·uni-app·vue3·前后端分离·双版本维护·接口约定
不吃鱼的羊9 小时前
如何建立高自尊
java·服务器·前端
计算机魔术师9 小时前
编程智能体卡在"需要登录"这步,六种接法代价差得很远
前端
jaysee-sjc9 小时前
【苍穹外卖】Day10:定时任务与 WebSocket 实时提醒实战
java·开发语言·javascript·数据库·vue.js·websocket·网络协议
计算机魔术师9 小时前
出题人自己算错了,AI成绩从88%直接跳到98%
前端
Amos_Web9 小时前
Rspack 源码解析(三十一):HotModuleReplacementPlugin 如何用 hash 比对生成增量更新
前端