文章詳情頁
反應RTL有條件導入CSS
瀏覽:111日期:2024-05-18 09:54:27
(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決反應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
相關(guān)文章:
1. Span標簽2. docker-machine添加一個已有的docker主機問題3. redis啟動有問題?4. 關(guān)docker hub上有些鏡像的tag被標記““This image has vulnerabilities””5. angular.js使用$resource服務把數(shù)據(jù)存入mongodb的問題。6. javascript - 計算面積函數(shù)代碼7. javascript - ng-options 設置默認選項,不是設置第一個哦,看清楚了!8. SessionNotFoundException:會話ID為null。調(diào)用quit()后使用WebDriver嗎?(硒)9. java - Spring MVC無法識別Controller導致返回的結(jié)果是404?10. java - Collections類里的swap函數(shù),源碼為什么要新定義一個final的List型變量l指向傳入的list?
排行榜

熱門標簽