技术栈

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地址与域名:访问网站的基石
相关推荐
SuperEugene
1 分钟前
Vue3 表格封装实战:列配置 + slot 扩展 + 请求生命周期|Vue生态精选篇
前端·javascript·vue.js·前端框架
小鹿软件办公
8 分钟前
Firefox Nova:火狐浏览器即将迎来大规模改版
前端·firefox
Lee_Yu_Fan
9 分钟前
在vue3 + ElementUI 项目中自定义 Icon
前端·elementui
吴声子夜歌
10 分钟前
小程序——转发API
java·前端·小程序
Never_Satisfied
11 分钟前
在JavaScript / HTML中,获取指定元素的父元素
开发语言·javascript·html
小马_xiaoen
12 分钟前
后端动态路由 + RBAC 权限控制全实战(Vue3 + TS)
前端
Cobyte
14 分钟前
面试官:大模型是怎么调用工具的呢 ?
前端·后端·aigc
@大迁世界
14 分钟前
32.CSS魔术师 (CSS Houdini)
前端·css·人工智能·tensorflow·houdini
李白的天不白
15 分钟前
ERROR Failed to compile with 9 errors 以来报错文件配置问题 缓存顽固问题
前端·缓存
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03本地部署 OpenClaw + DeepSeek-R1 完全指南04OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录05OpenClaw 飞书机器人不回复消息?3 小时踩坑总结06Window 10部署openclaw报错node.exe : npm error code 12807OpenClaw macOS 完整安装与本地模型配置教程(实战版)08OpenClaw 接入 QQ Bot 完整实践指南09npm-error code 128问题解决方法10得物前端部门,没了