样式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没什么问题。 :) –

回答