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

相关推荐
PineappleCoder2 小时前
还在重复下载资源?HTTP 缓存让二次访问 “零请求”,用户体验翻倍
前端·性能优化
拉不动的猪2 小时前
webpack编译中为什么不建议load替换ast中节点删除consolg.log
前端·javascript·webpack
李姆斯3 小时前
Agent时代下,ToB前端的UI和交互会往哪走?
前端·agent·交互设计
源码获取_wx:Fegn08953 小时前
基于springboot + vue健身房管理系统
java·开发语言·前端·vue.js·spring boot·后端·spring
闲谈共视3 小时前
基于去中心化社交与AI智能服务的Web钱包商业开发的可行性
前端·人工智能·去中心化·区块链
CreasyChan3 小时前
C# 反射详解
开发语言·前端·windows·unity·c#·游戏开发
JIngJaneIL4 小时前
基于Java+ vue智慧医药系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
阿蒙Amon5 小时前
JavaScript学习笔记:6.表达式和运算符
javascript·笔记·学习
hashiqimiya5 小时前
两个步骤,打包war,tomcat使用war包
java·服务器·前端
小a杰.5 小时前
Flutter 设计系统构建指南
开发语言·javascript·ecmascript