文章詳情頁
反應RTL。有條件導入CSS
瀏覽:164日期:2024-04-22 16:30:45
如何解決反應RTL。有條件導入CSS?
我以前遇到過這個問題,我所做的是在安裝主容器時,檢查語言,如果是阿拉伯語,則需要阿拉伯語CSS文件,如果不需要,則需要另一個CSS文件。
例:
class Main extends Component { componentwillMount() { if(this.props.language === ’ar’) { require(’arabic.css’); } else { require(’english.css’); } }}
我也使用Redux,這使我更容易獲得初始或默認語言,并相應地更改所有其他組件。
只需確保在webpack配置文件中配置了CSS加載器即可。
解決方法我正在將RTL合并到我的React應用程序中。我有兩個CSS文件,一個用于LTR,一個用于RTL。我從下拉菜單中選擇用戶使用的是英文版本還是阿拉伯版本。
我堅持認為,當用戶選擇阿拉伯語版本時如何有條件地導入我的RTL CSS文件,而當用戶選擇英語時如何恢復為普通CSS文件。
任何幫助或指導,將不勝感激
我正在使用React&webpack
問候
標簽:
CSS
相關文章:
1. windows誤人子弟啊2. mysql優(yōu)化 - MySQL如何為配置表建立索引?3. 實現(xiàn)bing搜索工具urlAPI提交4. 關于mysql聯(lián)合查詢一對多的顯示結果問題5. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。6. 我在網(wǎng)址中輸入localhost/abc.php顯示的是not found是為什么呢?7. 如何用筆記本上的apache做微信開發(fā)的服務器8. python - linux怎么在每天的凌晨2點執(zhí)行一次這個log.py文件9. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)10. 冒昧問一下,我這php代碼哪里出錯了???
排行榜

熱門標簽