尤其是大型团队合作的项目, 很难确定某个特定的类或者元素是否已经赋过样式. 所以在大部分情况下我们都会绞尽脑汁新创建一个类名, 而不是复用已有的类型....通过组件名来标志样式, 自动生成唯一的类名, 开发者不需要为元素定义类名.
绑定组件....由于 styled-components 的类名是自动生成的, 所以不能直接在选择器中声明他们, 但可以在模板字符串中引用其他组件:
const Icon = styled.svg`
flex:...一些开发规范
避免无意义的组件名. 避免类似Div, Span这类直接照搬元素名的无意义的组件命名
在一个文件中定义 styled-components 组件....而在 React 生态中使用svgr更加方便, 它可以将 svg 文件转换为 React 组件, 也就是一个普通的 JS 模块, 它有以下优势:
转换为普通 JS 文件, 方便代码分割和异步加载
相比