使用样式化组件的UI库

osk*_*bor 10 reactjs styled-components

我猜不是所有的UI框架都很容易与样式组件一起使用; 因为它们的特异性可能太高等.

我在这方面是否正确?

样式化组件是否有任何模式允许它们与任何UI框架一起使用?

是否存在框架模式,允许它们与样式化组件一起工作,而不是用它编写?

我知道这可能是主观的,但我想问一下互操作性的客观模式.

Ros*_*nas 10

我猜不是所有的ui框架都很容易与样式组件一起使用; 因为它们的特异性可能太高等等.我在这方面是否正确?

不,styled-components只要组件className内部附加到DOM节点,就可以使用任何第三方组件库.见这里最大施托伊贝尔(共同创作的答案styled-components)中出在GitHub上的讨论.

有一个二进制的UI库,它使用styled-components它的工作原理与reactreact-native也.

你绝对可以使用styled-components材料的UI库,我想很多其他的,我相信大多数UI库的允许使用className的道具.

  • 这是正确的答案!(这里最大)我只想提一下,具体来说`material-ui`(目前)使用内联样式,所以你必须在代码中使用`!important`来覆盖它们的样式.他们正在努力在下一个版本中改变它,但它还没有完成.(如果您不确定内联样式和样式组件之间的区别是什么,请参阅此博客帖子:https://mxstbr.blog/2016/11/inline-styles-vs-css-in-js/) (7认同)