-
styled-study: 该项目旨在通过创建一个类似样式化组件运作方式的简单组件,来深入理解如何运用模板文字及标记模板文字
资源介绍
研究式
这个项目的目的是要更多地了解Tagged Template Literals 。 我尝试使用此ES6功能模拟样式化组件的工作方式。
对于该/ styled / index,导出到目前为止仅处理div和p标签的样式化对象。 它的使用与使用样式化组件中的样式进行样式化的方式相同,但是它仅处理简单的css属性。
用
有两个样式化的
tags ,显示了如何使用样式化的对象Pipa和Pipo组件。 const Pipa = styled . p ` "borderRadius": "4rem", "padding": "1rem", "backgroundColor": ${ ( props : PipaProps ) => props . bgColor } , "color": ${ ( props : PipaProps ) => props