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

相关推荐
nunumaymax20 小时前
【第四章-react ajax】
前端·react.js
前端若水20 小时前
层叠层(@layer):彻底解决优先级战争,告别 !important
前端·css·css3
invicinble20 小时前
前端框架使用vue-cli( 第二层:工程配置层--vue语法系列)
前端·vue.js·前端框架
爱滑雪的码农20 小时前
React+three.js之场景(Scene),相机(Camera)
前端·javascript·react.js
UXbot20 小时前
AI应用原型平台核心能力:界面自动生成、交互流程编辑、多格式代码导出详解
前端·低代码·交互·软件构建·原型模式·web app
call me by ur name20 小时前
多模态大模型轻量化
前端·网络·人工智能
Lee川20 小时前
登录注册模块的 JWT 认证机制详解
前端·后端·react.js
夜猫子ing20 小时前
《嵌入式 Linux 控制服务从零搭建(二):从目录结构到 CMakeLists,搭一个像样的 C++ 工程骨架》
java·前端·c++
kyriewen1 天前
百度用6%成本碾压硅谷?中国AI把性价比玩明白了
前端·百度·ai编程
kyriewen1 天前
你还在手动敲命令部署?GitHub Actions 让你 push 即上线,摸鱼时间翻倍
前端·面试·github