範囲スコープのスタイルシート

Question

ビルドしているアプリケーションがあります。私は静的なHTMLでバックエンドとフロントエンドの両方を構築しました。これらはどちらもオンラインの有料テンプレートからビルドされていますが、どちらもブートストラップ3の異なるバージョンに依存します。& 4.

私はreact-create-appスターターのリアクションアプリを構築し始めましたが、正しくスタイルを設定する

コンポーネントがレンダリングされたときにのみDOMに追加されるように、コンポーネントに範囲を設定する方法はありますか？これらのコンポーネントがページをラップするFRONTENDおよびBACKENDコンポーネントの概念を作成しました。これらのコンポーネントでは、HEADタグを修正して、動作するスタイルシートを追加/削除しようとしましたが、ページがレンダリングされている間に壊れたhtmlを1秒間残しました。

アイデア？私はこの日のほとんどにこだわりました。

Answer 1

あなたがしていることに対して強くお勧めします。しかし、本当に必要な場合は、各コンポーネントを別々のiframeに入れてcssを分離し、1つのreduxストアを使用して両方のiframeにデータを供給し、同期させておくことができます。