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

相关推荐
IT_陈寒10 小时前
SpringBoot这个事务回滚的坑我算是踩明白了
前端·人工智能·后端
恋猫de小郭10 小时前
Jetbrains 官宣正式发布 KMP 全新默认项目结构,向着 Amper 靠近
android·前端·flutter
xiaoxue..10 小时前
详解:useMemo 和useCallback
前端·react.js·面试
hexu_blog10 小时前
前端vue3后端springboot如何实现图片压缩-免费无限制压缩
前端·java压缩图片·vue压缩图片·批量压缩图片
guslegend10 小时前
第11节:前端 UI 设计与前端基础组件
前端·ui·ai编程
摇滚侠10 小时前
13 移动端 WEB 前端 WEB 开发 HTML5 + CSS3 + 移动 WEB
前端·css3·html5
就爱瞎逛10 小时前
解决Ant Design Vue 日期选择器中文不生效
前端·javascript·vue.js
快递鸟社区10 小时前
快递鸟海运查询接口全面解析:从入门到精通,助力跨境物流可视化
java·前端·人工智能
踩着两条虫10 小时前
可视化设计器组件系统:从交互核心到 AI 智能代理的落地实践
开发语言·前端·人工智能·低代码·设计模式·架构
光影少年10 小时前
大前端框架生态
前端·javascript·flutter·react.js·前端框架·鸿蒙·angular.js