Fw: [問題] 有關在 react component css消失

看板Web_Design作者時間8年前 (2017/07/01 17:14), 編輯推噓0(001)
留言1則, 1人參與, 最新討論串1/1
※ [本文轉錄自 Ajax 看板 #1PLsU4s8 ] 作者: shiningboy () 看板: Ajax 標題: [問題] 有關在 react component css 時間: Sat Jul 1 17:12:34 2017 大家好 我是 react 新手 我是用 npm 安裝 new react app 之後,開始做練習 最近是在練習把 html compoent 化,放在各個資料夾中 然後再一層一層的 import 到 App.js 裡面,最後再到 index.js render 到畫面上 我的檔案結構是這樣 -react_practice -node_modules -public -src -Header -header.js -header.css -Main -main.js -main.css -Footer -footer.js -footer.css -App.js -App.css -App.test.js -index.js -index.css -registerServiceWorker.js 我新增了三個 component Header Main Footer 因為想說 react 的宗旨就是要把每個 view componet 化 所以我也把 css 都拆分放到每個資料夾中 但是問題是這樣,最後 render 的畫面就會有一點點歪掉, 很明顯是 css 的問題 然後我為了測試就把所有 componet 的 css 集合放在 App.css 再測試就 OK 了 請問一下 ,我有哪個地方做錯嗎? 大家把每個元件的 css 都會各自拆放到資料夾中嗎? 還是集中放在一個檔案? 另外有一個問題想問一下, 我做了一些前端的應用,然後有人會問說我的架構是怎樣 請問大家, 通常問架構指的是 "像我上方所畫的那個檔案架構"? 還是 code 裡面哪個 class 繼承 哪個 class 的這種架構? 兩個問題,請大家解惑了,謝謝。 <(_ _)> -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.195.54.122 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1498900356.A.D88.html ※ 發信站: 批踢踢實業坊(ptt.cc) ※ 轉錄者: shiningboy (123.195.54.122), 07/01/2017 17:14:26

07/01 18:02, , 1F
拆分是對的,記得善用 CSS Module 避免命名衝突。
07/01 18:02, 1F
文章代碼(AID): #1PLsVpnv (Web_Design)