登录 注册
当前位置:主页 > 资源下载 > 5 > styled-study: 该项目旨在通过创建一个类似样式化组件运作方式的简单组件,来深入理解如何运用模板文字及标记模板文字

styled-study: 该项目旨在通过创建一个类似样式化组件运作方式的简单组件,来深入理解如何运用模板文字及标记模板文字

  • 更新:2024-12-12 12:02:20
  • 大小:497KB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:其它 - 开发技术
  • 格式:ZIP

资源介绍

研究式 这个项目的目的是要更多地了解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