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

相关推荐
爱学习的马喽几秒前
React钩子函数完全指南:从useState到useEffect的实战详解与场景剖析
前端·javascript·react.js
JamSlade8 分钟前
SSO登录验证设计要点细节(以微软 Microsoft SSO为例) 基于react python
python·react.js·microsoft
abigale0311 分钟前
开发实战 - ego商城 - 7 地址管理模块
前端·uni-app·node.js
焦糖小布丁12 分钟前
泛域名SSL证书:一张证书保护所有子域名,企业网站必选
前端
SamsongSSS12 分钟前
JavaScript逆向Vue处理事件和捕获错误的核心逻辑
前端·javascript·vue.js·逆向
码银12 分钟前
【简易聊天室】使用 HTML、CSS、JavaScript 结合 WebSocket 技术实现
javascript·css·node.js·html
桃子不吃李子19 分钟前
一些工具的使用
javascript·mongodb·node.js
笨笨狗吞噬者1 小时前
【uniapp】解决小程序分包下的json文件编译后生成到主包的问题
前端·uni-app
IT_陈寒1 小时前
Redis 7个性能优化技巧,让我们的QPS从5k提升到20k+
前端·人工智能·后端
.又是新的一天.1 小时前
健身房预约系统SSM+Mybatis(五、预约展示)
前端·mybatis