如果对一个元素有一个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>
发布于 2021-06-24 12:40:46
从文件上看,
样式-组件为您的样式生成唯一的类名。您永远不必担心重复、重叠或拼写错误。
这有助于解决类/样式名称冲突问题。
https://stackoverflow.com/questions/68115898
复制