技术栈

react 使用styled-componts

Yehger2024-06-27 13:47

一、安装

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

上一篇:模板的概念及其在C++中的应用以及优缺点
下一篇:理解IP地址与域名:访问网站的基石
相关推荐
恋猫de小郭
6 分钟前
作为 Cursor 和 Claude Code 的研发者,他们是如何看待和使用 AI
android·前端·ai编程
hai7425
12 分钟前
通达OA批量导出PDF审批表单与批量打印功能组件介绍
前端
Dreamcatcher_AC
13 分钟前
慢慢买项目:一站式开发指南
前端·javascript·mongodb·node.js
烤麻辣烫
15 分钟前
黑马大事件学习-19(文章)
前端·css·vue.js·学习·html
西西学代码
29 分钟前
Flutter---折线图(使用外部库)
前端·javascript·flutter
坚持学习前端日记
30 分钟前
Android JS桥技术深度解析
android·开发语言·javascript
json{shen:"jing"}
1 小时前
07_表单输入绑定
java·前端·javascript
yyt363045841
1 小时前
K 线图高性能窗口化渲染
前端·javascript·css·vue.js·gitee·vue
XiaoYu2002
1 小时前
第5章 Nest.js精进-IOC控制反转
前端
LV技术派
1 小时前
适合很多公司和团队的 AI Coding 落地范式(二)
前端·aigc·ai编程
热门推荐
01GitHub 镜像站点02jdk21下载、安装(Windows、Linux、macOS)03手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!04Linux下V2Ray安装配置指南05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)062025 最新教程:注册并切换到美区 Apple ID07Claude Code Skills 实用使用手册08UV安装并设置国内源09GitLab 零基础入门指南:从安装到项目管理全流程10IDEA卡死没反应的全部解决方案