樣式ReactJs組件選項

我正在做一些大型項目的研究，這將使用reactJs和所有的HTML元素將被轉換爲React組件。我們都知道，css對於全局變量有一個很大的問題，所以存在着很多css衝突的可能性。樣式ReactJs組件選項

有很多不同的選擇爲這個包括：

或使用庫，例如：

所有這些東西都不錯，但在同一時間都是在實驗和失蹤的事情。

換句話說，它們都不能解決反應組件樣式中的所有css問題，或者只是試圖解決不存在的問題。

嘗試所有這些後，我的一半認爲我應該只是鏈接到常見樣式的css文件，並具有特定於每個組件的css文件並從該組件內定位該css文件。

有沒有人在這裏有大型項目的反應元件的造型經驗，並有任何反饋意見或建議？

我根本無法決定使用直接的CSS或JavaScript。

有什麼我錯過了研究？

我喜歡使用鐳與普通的老bootstrap。讓css框架爲您處理佈局，但是能夠使用OOP *真正地組合樣式，而不需要單獨的css構建，這非常棒。 ''PropTypes'非常適用，即按鈕組件*應該有一些與它相關的錯誤顏色。 –

在您的解決方案中包含CSS沒有任何問題，SASS和LESS都非常棒。但是，我個人喜歡內聯樣式a作爲一個普通的JS對象，因爲它給了你JS的全部力量，所以你可以像你想要的那樣動態化，使計算所有的calc都不需要預處理css等等......

的陣營團隊在此進行投資了一段時間（陣營原住民已經默認使用此），這裏是一個以React Native Styles和Presentation from a Facebook engineer和Proposal from the reactjs/react-future repo，並有很好的圖書館，如鐳，幫助你很多。

CSS在JS肯定是越來越好每一天，所以是的，我在做的是跳躍的建議。 :)

2017-02-15 15:05:52

是的，我見過的那些演講，當然你需要添加另一個庫（鐳），爲了做到：懸停等......鐳只挑選出了問題的一部分......不服氣地對它 – PaulTenna2000

呀，現在是一個偏好問題（除非你做React Native）。如果你仍然不確定，我會建議更深入地嘗試一下，那麼繼續使用CSS沒什麼問題。 :) –

回答