我已经使用React一段时间了,但似乎找不到找到React组件样式的好方法。
一种可能的方法是使用内联样式,但是您无法访问伪元素,例如:after
和:hover
,这需要您使用javascript处理所有“事件”(漂亮多余,因为您可以使用CSS来做到这一点。
解决此问题的另一种方法是使用样式加载器,但是如果您想更新UI,就需要更改类……(我认为这不是很“自然”)。
或者您可以采用混合方法,将样式加载器用于布局和静态样式,然后对需要更改的部分使用内联样式。 (感觉也不对,因为您有两个单独的样式位置。)
我更倾向于使用内联样式,这确实需要一些额外的JavaScript,您可以通过添加真实的div来解决:after
元素。
做到这一点的最佳方法是什么?