RTLに反応します。条件付きインポートCSS

Question

私はReactアプリケーションにRTLを組み込みます。私はLTR用とRTL用の2つのCSSファイルを持っています。私は、英語版またはアラビア語版のいずれかを選択する場所からドロップダウンを持っています。

RTL CSSファイルを条件付きでインポートするには、ユーザーがアラビア語のバージョンを選択し、ユーザーが英語を選択したときに通常のCSSファイルに戻っていかなければなりません。

この上の任意のヘルプや指導は非常に私は前にこの問題に直面している

Answer 1

&のWebPACK

よろしく、私が行っていることということです反応し使用しています

を理解されるであろうとき、私の主なコンテナ私はアラビア語の場合は、私はアラビア語のCSSファイルが必要です、私は他を必要とする場合は、私は言語をチェック、マウントされています。

例：

class Main extends Component { 
    componentWillMount() { 
     if(this.props.language === 'ar') { 
      require('arabic.css'); 
     } else { 
      require('english.css'); 
     } 
    } 
} 

私はそれが簡単に私が最初のまたはデフォルトの言語を取得し、同様に応じて他のすべてのコンポーネントを変更できるようになりれ、同様Reduxのを使用しています。

webpack設定ファイルにCSSローダーが設定されていることを確認してください。