看啥推荐读物
专栏名称: 前端周刊
在前端领域跟上时代的脚步。聚焦最新前端技术、框架、教程、工具、资讯和文章,由资深前端工程师精选精编,为你传道授业解惑,在前端路上祝你一臂之力。
今天看啥  ›  专栏  ›  前端周刊

用 attrs 实现 styled-components 属性封装和复用

前端周刊  · 公众号  · 前端  · 2017-11-02 08:06
可自由转载,课程视频会陆续放出,文末有高清视频下载方法。课程简介课程介绍参见:组件化必杀技:styled-components 简明教程内容目录3. 用 attrs 封装组件属性,提高代码复用年年岁岁花相似,岁岁年年人不同,编写代码同样会有这样的问题,使用 attrs 机制不仅让我们在组件中封装样式,也能封装属性,极大的提高代码复用。 2. 用 props 调整组件样式,真正发挥 JS 的威力使用 styled-components 编写组件的时候,可以在模板字符串中传入函数,或者表达式,这样就可以根据传给组件的 props 来调整组件的样式,让你真正体会到 CSS-IN-JS 的乐趣和威力。 1. 用 styled-components 编写简单的 React 组件实例演示使用 styled-components 编写 React 组件基本步骤和语法,把要基于 classNames ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照