(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決反應(yīng)RTL有條件導(dǎo)入CSS？

我以前遇到過這個(gè)問題，我所做的是在安裝主容器時(shí)，檢查語言，如果是阿拉伯語，則需要阿拉伯語CSS文件，如果不需要，則需要另一個(gè)CSS文件。

例：

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

我也使用Redux，這使我更容易獲得初始或默認(rèn)語言，并相應(yīng)地更改所有其他組件。

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

解決方法

我正在將RTL合并到我的React應(yīng)用程序中。我有兩個(gè)CSS文件，一個(gè)用于LTR，一個(gè)用于RTL。我從下拉菜單中選擇用戶使用的是英文版本還是阿拉伯版本。

我堅(jiān)持認(rèn)為，當(dāng)用戶選擇阿拉伯語版本時(shí)如何有條件地導(dǎo)入我的RTL CSS文件，而當(dāng)用戶選擇英語時(shí)如何恢復(fù)為普通CSS文件。

任何幫助或指導(dǎo)，將不勝感激

我正在使用React＆webpack

問候