技术栈

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地址与域名:访问网站的基石
相关推荐
梦凡尘
3 分钟前
Marked.js 的使用及相关问题解决
前端·js
林shir
6 分钟前
3.3-Web前段开发-JavaScript(AI)
开发语言·前端·javascript
电商API&Tina
9 分钟前
跨境电商高并发 API 接口接入指南(技术落地 + 高可用优化)
大数据·服务器·前端·数据库·python·json
duanyuehuan
11 分钟前
vue 项目中.d.ts
前端·javascript·vue.js
阿珊和她的猫
13 分钟前
Webpack 动态引入的实现原理与应用
前端·webpack·node.js
小粉粉hhh
14 分钟前
记录前端菜鸟的日常——Pdf.js与双指缩放
前端·javascript·pdf
ok060
18 分钟前
Chrome 小工具: 启动本地应用 (Native messaging)
前端·chrome
求梦820
20 分钟前
前端基础三剑客
前端
pas136
25 分钟前
27-mini-vue provide-inject
前端·javascript·vue.js
_UMR_
25 分钟前
前端Vue开发环境搭建(安装Node.js)
前端·vue.js·node.js
热门推荐
01GitHub 镜像站点02安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)03手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!04Linux下V2Ray安装配置指南05Labelme从安装到标注:零基础完整指南06jdk21下载、安装(Windows、Linux、macOS)07UV安装并设置国内源08【踩坑笔记】50系显卡适配的 PyTorch 安装09GitLab 零基础入门指南:从安装到项目管理全流程102025-04-03 Latex学习1——本地配置Latex + VScode环境