Styled Components

Styled Components 是用来增强 React 组件系统对 CSS 的支持的。Styled Components 可以自动为组件生成局域样式 Class 名称，避免因为书写导致的样式错误。并且还能便利的支持动态样式。

要在项目中加入 Styled Components 支持，只需要使用 npm 或者 yarn 安装即可。

npm install styled-components
yarn add styled-components

要在 create-react-app 工具中使用 Styled Components 需要使用 Babel 插件：babel-plugin-styled-components。Styled Components 的 Babel 插件不仅可以支持样式提取、压缩等，还支持服务端渲染。加载 Babel 插件可以使用 customize-cra 的 addBabelPlugin()。