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

相关推荐
软件编程工程师6 分钟前
基于vue脚手架创建的图书商城
前端·javascript·css·vue.js·html·网站·图书商城
I like Code?9 分钟前
Vue图片路径问题分析
javascript·vue.js·ecmascript
柯基的小屁墩10 分钟前
Mac|install vue
前端·vue.js·macos
林恒smileZAZ14 分钟前
为什么 [] == ![] 为 true?
前端·javascript
亦世凡华、19 分钟前
探索 Electron:将 Web 技术带入桌面应用
前端·javascript·经验分享·electron·桌面应用
Zww089122 分钟前
axios的底层ajax,XMLHttpRequest原理解释及使用方法
前端·javascript·ajax·okhttp
励志的大鹰哥27 分钟前
JS爬虫实战之Fastmoss
javascript·爬虫
幸运小男神30 分钟前
npm如何清空缓存并重新打包?
前端·npm
北原_春希33 分钟前
Vue的服务器代理如何配置
服务器·前端·vue.js
宁波阿成40 分钟前
基于jeecgboot-vue3的Flowable流程-集成仿钉钉流程(一)大题思路
开发语言·javascript·钉钉