文章详情页
反应RTL。有条件导入CSS
浏览:213日期: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. MySQL的SELECT...FOR UPDATE究竟起什么作用2. windows-7 - win7下使用cmder,如何设置vim的tab为4个空格?3. Java。如何将文本追加到file.txt的顶部4. javascript - js对象 属性的访问和创建5. Java中的多人游戏。将客户端(玩家)连接到其他客户端创建的游戏6. java - socket类服务端如何防止被ddos攻击?7. javascript - phoneswipe点击图片怎么让图片全屏?8. 隐秘的“脚本错误”。在Chrome和Firefox中以Javascript报告9. c++ - win764位环境下,我用GCC为什么指针占8个字节,而long是4个字节?10. python - 有一个函数名(字符串形式),如何能够调用这个函数?
排行榜

网公网安备