React RTL。有條件導入CSS

Question

我將RTL整合到我的React應用程序中。我有兩個CSS文件，一個用於LTR，一個用於RTL。我從用戶選擇英文版或阿拉伯語版的地方下拉菜單。

我一直堅持，當用戶選擇英文版本時，如何在用戶選擇阿拉伯語版本時返回到普通CSS文件，以及如何條件導入我的RTL CSS文件。

任何幫助或指導將不勝感激

我使用的陣營&的WebPack

問候

Answer 1

我以前也遇到這個問題，我所做的是，當我的主容器我正在檢查語言，如果它是阿拉伯語，我需要阿拉伯語CSS文件，如果不是，我需要另一個。

例子：

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

我使用終極版爲好，這讓我更容易獲取初始或默認語言，並改變所有其它組件相應爲好。

只要確保在webpack配置文件中配置了CSS加載器。