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

相关推荐
无名修道院2 分钟前
XSS 跨站脚本攻击:3 种类型(存储型 / 反射型 / DOM 型)原理以 DVWA 靶场举例
前端·网络安全·渗透测试·代码审计·xss
代码猎人4 分钟前
CSS可继承属性和不可继承属性有哪些
前端
用户44783153602327 分钟前
基于 vue3 完成动态组件库建设
前端
xhxxx8 分钟前
Vite + React 黄金组合:打造秒开、可维护、高性能的现代前端工程
前端·react.js·vite
用户81686947472510 分钟前
深入 useState、useEffect 的底层实现
前端·react.js
Tzarevich11 分钟前
React 中的 JSX 与组件化开发:以函数为单位构建现代前端应用
前端·react.js·面试
李香兰lxl11 分钟前
A I时代如何在研发团队中展现「前端」的魅力
前端
本末倒置18311 分钟前
解决 vue2.7使用 pnpm 和 pinia 2.x报错
前端
CoderLiz12 分钟前
Flutter中App升级实现
前端
别急国王13 分钟前
React Hooks 为什么不能写在判断里
react.js