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

相关推荐
Charlie_lll10 小时前
学习Three.js–材质(Material)
前端·three.js
Kratzdisteln10 小时前
【1902】预先生成完整的树状PPT结构
java·前端·powerpoint
softshow102610 小时前
html2canvas + jspdf实现页面导出成pdf
开发语言·javascript·pdf
深耕AI10 小时前
【wordpress系列教程】05 文章分类与标签
前端
摘星编程10 小时前
React Native for OpenHarmony 实战:StyleSheet 样式表优化
javascript·react native·react.js
michael_ouyang10 小时前
WebSocket 鉴权方案选型与 Electron 应用的最佳实践
前端·websocket·网络协议·electron
xixixin_10 小时前
【vue】中字符串与数组转换:为何首选 Computed 而非 Methods?
前端·javascript·vue.js
Sylvia33.11 小时前
网球/羽毛球数据API:专业赛事数据服务的技术实现
java·前端·websocket·json
i_am_a_div_日积月累_11 小时前
el-drawer注册全局点击事件无效;el-dialog注册全局点击事件无效
javascript·vue.js·elementui
向下的大树11 小时前
VUE父子组件传参中的触发时机问题:异步场景下的解决方案
前端·javascript·vue.js