2017-02-23 25 views
9

我猜並不是所有的UI框架都可以與樣式化組件一起使用;因爲它們的特異性可能太高等。使用樣式化組件的UI庫

我在這方面是否正確?

是否有任何樣式組件的模式允許它們與任何UI框架一起使用?

是否有框架模式,允許它們在樣式化組件中運行得非常好,而沒有被寫入框架?

我知道這可能是主觀的,但我想問一個互操作性的客觀模式。

+5

有趣的是,這個問題是如何被封閉的,因爲它被認爲是「吸引輿論的答案和垃圾郵件」,然而一個明確而有用的答案由專家提供並確認。你們這些人正在破壞社區,因此通過關閉我猜測你並不真正理解的問題。 –

回答

7

我猜並不是所有的UI框架都可以很容易地與 風格的組件一起使用;因爲它們的特異性可能太高等。我在這方面是否正確?

沒有,styled-components作品與任何第三方組件庫,只要部件連接的className內部以DOM節點。請參閱here Max Stoiber(styled-components的聯合創建者)在GitHub討論中的回答。

有一個binary-ui庫,它使用styled-components它與reactreact-native爲好。

你可以肯定地使用styled-componentsmaterial-ui庫,我想很多其他的,我相信大多數UI庫允許使用className道具。

+6

這是正確的答案! (Max這裏)我只想特別提到'material-ui'(當前)使用內聯樣式,因此您必須在代碼中使用'!important'來覆蓋樣式。他們正在努力改變下一個版本,但尚未完成。 (如果您不確定內聯樣式和樣式組件之間的區別,請參閱此博文:https://mxstbr.blog/2016/11/inline-styles-vs-css-in-js/) – mxstbr