文章詳情頁
反應(yīng)RTL。有條件導(dǎo)入CSS
瀏覽:130日期:2024-04-22 16:30:45
如何解決反應(yīng)RTL。有條件導(dǎo)入CSS?
我以前遇到過這個問題,我所做的是在安裝主容器時,檢查語言,如果是阿拉伯語,則需要阿拉伯語CSS文件,如果不需要,則需要另一個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)用程序中。我有兩個CSS文件,一個用于LTR,一個用于RTL。我從下拉菜單中選擇用戶使用的是英文版本還是阿拉伯版本。
我堅持認(rèn)為,當(dāng)用戶選擇阿拉伯語版本時如何有條件地導(dǎo)入我的RTL CSS文件,而當(dāng)用戶選擇英語時如何恢復(fù)為普通CSS文件。
任何幫助或指導(dǎo),將不勝感激
我正在使用React&webpack
問候
標(biāo)簽:
CSS
相關(guān)文章:
1. docker-compose中volumes的問題2. vim - docker中新的ubuntu12.04鏡像,運(yùn)行vi提示,找不到命名.3. python 多進(jìn)程 或者 多線程下如何高效的同步數(shù)據(jù)?4. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個是怎么回事????5. docker-compose 為何找不到配置文件?6. php - 想要遠(yuǎn)程推送emjio ios端怎么搞 需要怎么配合7. java - Hibernate查詢的數(shù)據(jù)是存放在session中嗎?8. 一個走錯路的23歲傻小子的提問9. angular.js - node.js中下載的angulae無法引入10. android - 添加multidex后在部分機(jī)型上產(chǎn)生anr的問題,該如何解決
排行榜

熱門標(biāo)簽