CSS类仅在操作发生后应用

Question

我有一个（非常）奇怪的问题。我已经尝试处理它一段时间了，并决定寻找其他想法来解决这个问题。

所以，这里发生了什么：

我正在使用react-router开发一个React应用程序。每次加载新视图时，我都会使用react-addons-transition-group来创建淡入淡出动画。总体而言，它工作正常。

问题在于，有一个视图，如果来自特定视图，则不会加载它的CSS类。这是非常奇怪的，因为我将所有CSS类放在一个缩小的文件中。

有问题的观点是一个旋转木马，有很多观点。它第一次打开时，没有应用任何样式。但是，如果我更改轮播幻灯片，则会应用所有样式。

以下屏幕截图将显示幻灯片更改前后的状态：

此时，我完全不了解可能发生的事情。有没有人遇到过这样的问题？ 我想我应该再次强调它：它只发生在从一个特定视图转换到这个特定视图时。它不会发生在应用程序中的任何其他位置。

提前感谢您的帮助！

Answer 1

很难说没有代码但是看看div＃app。

在LHS上你有＆lt; div id =＆＃34; app＆＃34; class =＆＃34; app login-section /＆gt; 在RHS上你有＆lt; div id =＆＃34; app＆＃34; class =＆＃34; app calculator-section gender /＆gt;

并且样式需要该类，因为它是

.calculator-section .calclulator-slider .calclulator-entry {
    [...]
}