可自由转载，课程视频会陆续放出，文末有高清视频下载方法。

课程简介

课程介绍参见： 组件化必杀技：styled-components 简明教程

内容目录

3. 用 attrs 封装组件属性，提高代码复用

年年岁岁花相似，岁岁年年人不同，编写代码同样会有这样的问题，使用 attrs 机制不仅让我们在组件中封装样式，也能封装属性，极大的提高代码复用。

2. 用 props 调整组件样式，真正发挥 JS 的威力

使用 styled-components 编写组件的时候，可以在模板字符串中传入函数，或者表达式，这样就可以根据传给组件的 props 来调整组件的样式，让你真正体会到 CSS-IN-JS 的乐趣和威力。

1. 用 styled-components 编写简单的 React 组件

实例演示使用 styled-components 编写 React 组件基本步骤和语法，把要基于 classNames 才能实现的样式关联去掉，用纯 CSS 的方式去书写 React 组件。

以下部分包含外链，请点击原文查看。

源码链接

代码仓库：wangshijun/course-styled-components-fundamentals