Fw: [問題] 有關在 react component css消失
※ [本文轉錄自 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
07/01 18:02, 1F