React中className与样式组件的区别
React中className与样式组件的区别
提问于 2021-06-24 20:36:14
如果对一个元素有一个className可以完成样式化的工作，我为什么要使用样式组件呢？
应用风格：
h2.subTitle{
font-size: 2em;
color: blue;
}要使用className设置样式的元素：
<h2 className="subTitle">Gucci Snakes </h2>使用样式化组件：
import styled from 'styled-components';
const Subtitle = styled.h2`
font-size: 2em;
color: blue;
`;
<Subtitle>Gucci Snakes</Subtitle>回答 2
Stack Overflow用户
发布于 2021-06-24 20:40:46
从文件上看，
样式-组件为您的样式生成唯一的类名。您永远不必担心重复、重叠或拼写错误。
这有助于解决类/样式名称冲突问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68115898
复制相关文章
相似问题
腾讯云开发者
