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

相关推荐
Hello.Reader4 分钟前
Tauri 前端配置把任何前端框架“正确地”接进 Tauri(含 Vite/Next/Nuxt/Qwik/SvelteKit/Leptos/Trunk)
前端·前端框架
明月_清风5 分钟前
浏览器时间管理大师:深度拆解 5 大核心调度 API
前端·javascript
明月_清风7 分钟前
你不知道的 JS——现代系统级 API 篇
前端·javascript
咕噜咕噜啦啦8 小时前
Vue3响应式开发
前端·javascript·vue.js
huangql52010 小时前
布局单位与设计稿换算:从「看清」到「量准」
前端
牛奶10 小时前
你不知道的JS(下):深入编程
前端·javascript·电子书
牛奶10 小时前
你不知道的JS(下):深入JS(下)
前端·javascript·电子书
牛奶10 小时前
你不知道的JS(下):总结与未来
前端·javascript·电子书
牛奶10 小时前
你不知道的JS(下):深入JS(上)
前端·javascript·电子书
CappuccinoRose12 小时前
HTML语法学习文档(五)
前端·html·html5·表单