文章详情页
反应RTL。有条件导入CSS
浏览:157日期: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. dockerfile - 为什么docker容器启动不了?2. javascript - webapp业务流程基本一致,多套主题(样式基本不一样,交互稍有偏差)管理,并且有不断有新增主题,该如何设计组件化架构?3. javascript - ejs支持if else语法吗4. 请教各位大佬,浏览器点 提交实例为什么没有反应5. macos - mac下docker如何设置代理6. javascript - 用rem写的页面,安卓手机显示文字是正常的,苹果显示的文字是特别小的是为什么呢7. javascript - 移动端,当出现遮罩层的时候,遮罩层里有div是超出高度scroll的,怎么避免滑动div的时候,body跟随滑动?8. javascript - JS设置Video视频对象的currentTime时出现了问题,IE,Edge,火狐,都可以设置,反而chrom却...9. 新手 - Python 爬虫 问题 求助10. javascript - 学习网页开发,关于head区域一段脚本的疑惑
排行榜
