文章详情页
反应RTL有条件导入CSS
浏览:113日期: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
相关文章:
1. mysql 为什么主键 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?2. css - chrome下a标签嵌套img 显示会多个小箭头?3. css3 - 纯css实现点击特效4. vim - docker中新的ubuntu12.04镜像,运行vi提示,找不到命名.5. javascript - Img.complete和img.onload判断图片加载完成有什么区别?6. java中返回一个对象,和输出对像的值,意义在哪儿7. docker网络端口映射,没有方便点的操作方法么?8. mysql - 在不允许改动数据表的情况下,如何优化以varchar格式存储的时间的比较?9. apache - 目录浏览权限关闭后还有必要挂空白 index.html 吗?10. css - 網頁div區塊 像蘋果一樣可左右滑動 手機與電腦
排行榜
