文章詳情頁
反應(yīng)RTL。有條件導(dǎo)入CSS
瀏覽:169日期: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,這使我更容易獲得初始或默認語言,并相應(yīng)地更改所有其他組件。
只需確保在webpack配置文件中配置了CSS加載器即可。
解決方法我正在將RTL合并到我的React應(yīng)用程序中。我有兩個CSS文件,一個用于LTR,一個用于RTL。我從下拉菜單中選擇用戶使用的是英文版本還是阿拉伯版本。
我堅持認為,當(dāng)用戶選擇阿拉伯語版本時如何有條件地導(dǎo)入我的RTL CSS文件,而當(dāng)用戶選擇英語時如何恢復(fù)為普通CSS文件。
任何幫助或指導(dǎo),將不勝感激
我正在使用React&webpack
問候
標(biāo)簽:
CSS
相關(guān)文章:
1. javascript - main head .intro-text{width:40%} main head{display:flex}為何無效?2. Python中使用超長的List導(dǎo)致內(nèi)存占用過大3. javascript - 有適合開發(fā)手機端Html5網(wǎng)頁小游戲的前端框架嗎?4. javascript - axios請求回來的數(shù)據(jù)組件無法進行綁定渲染5. java - 在用戶不登錄的情況下,用戶如何添加保存到購物車?6. 安全性測試 - nodejs中如何防m(xù)ySQL注入7. javascript - JS變量被清空8. javascript - 關(guān)于apply()與call()的問題9. java - spring boot 如何打包成asp.net core 那種獨立應(yīng)用?10. css3 - 純css實現(xiàn)點擊特效
排行榜

熱門標(biāo)簽