iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
影片教學

150 分鐘學 React系列 第 20

第 19 天 [ 引入 CSS ( Styled Components ):使用與限制 ]

  • 分享至 

  • xImage
  •  

今天的重點摘錄

  1. 安裝: npm install --save styled-components
  2. Emmet :下載 vscode-styled-components 套件
  3. 好處
    • 不會有覆蓋問題
    • 只載入相關樣式
    • 和 React 元件化的概念相符
  4. 注意:
    • 樣式因為變成亂數,不好除錯,可加上 .attr({className: xxx})

Github day19

Yes


上一篇
第 18 天 [ 引入 CSS (外部引入):使用與限制 ]
下一篇
第 20 天 [ 引入 CSS ( Styled Components ): props 、 extend 、共用元件 ]
系列文
150 分鐘學 React31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言