styled-components和单独引入css的区别

来源:7-3 使用 styled-components 完成 Header 组件布局(2)

qq_时光磨灭我初心i_0

2019-05-31

使用styled-component每次都要创建一个组件,每个页引入一个style.js,这和每个页面单独引入不同的style.css有什么区别吗,使用js来生成css性能会高一点吗

写回答

1回答

ZAnsder

2019-06-03

  1. 区别就是使用styled-component,样式是组件化的,也就是组件样式相互不会影响

  2. styled-component编译后也会生成css,和普通的css没区别

  3. 使用styled-component优势还是蛮多的,你可以查阅官方文档说明,不好的地方也显而易见,编写太繁琐了;也可以使用css-module,要配置一下webpack

0
2
ZAnsder
回复
Dell
什么意思?我看到官方说明,主要就是解决几大痛点:组件样式、动态生成类名、动态样式、自动添加供应商前缀等
2019-06-17
共2条回复

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2497 问题

查看课程