对组件进行样式设置的最佳实践

时间:2018-07-04 20:34:16

标签: javascript html css reactjs

我已经使用React一段时间了,但似乎找不到找到React组件样式的好方法。

一种可能的方法是使用内联样式,但是您无法访问伪元素,例如:after:hover,这需要您使用javascript处理所有“事件”(漂亮多余,因为您可以使用CSS来做到这一点。

解决此问题的另一种方法是使用样式加载器,但是如果您想更新UI,就需要更改类……(我认为这不是很“自然”)。

或者您可以采用混合方法,将样式加载器用于布局和静态样式,然后对需要更改的部分使用内联样式。 (感觉也不对,因为您有两个单独的样式位置。)

我更倾向于使用内联样式,这确实需要一些额外的JavaScript,您可以通过添加真实的div来解决:after元素。

做到这一点的最佳方法是什么?

2 个答案:

答案 0 :(得分:0)

React样式的一种好方法是使用styled components

答案 1 :(得分:0)

最好的方法是将Radium用于伪元素或媒体查询

{{1}}