CSSクラスは動作後にのみ適用されます

Question

私は（非常に）奇妙な問題が続いています。私はしばらくそれを処理しようとしており、これを修正しようとすることについて他の考えを探すことに決めました。私が反応し、ルータを使用して、反応させ、アプリを開発してい

：

だから、ここ何が起こっているのです。新しいビューが読み込まれるたびに、私はreact-addons-transition-groupを使ってフェードアニメーションを作成します。そして、それは全体的にうまく動作します。

問題は、特定のビューから来た場合、CSSクラスが読み込まれないというビューがあることです。私はすべてのCSSクラスを1つの単一化されたファイルに格納しているので、これは余計なことです。

問題のビューは、多数のビューを保持するカルーセルです。初めて開いたときは、スタイルが適用されていません。ただし、カルーセルスライドを変更すると、すべてのスタイルが適用されます。

次のスクリーンショットは、スライドの変更前と後の状態を表示します。この時点で

を、私が起こってできることのアイデアから完全です。誰もそのような問題に直面したことがありますか？ 私はもう一度それを強調すべきだと思います。特定のビューからこの特定のビューに移行するときにのみ発生します。アプリ内の他の場所では発生しません。

ご協力いただきありがとうございます。

Answer 1

コードなしで言うのは難しいですが、div＃appを見てください。 LHSで

アプリ「クラス=」アプリ電卓セクション性別/「あなたは<のdivのid =を持っているアプリのログイン・セクション/ > とRHSの」<のdivのid =「アプリ」クラス=を持っています>

とスタイリングそれが

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