文章详情页
				反应RTL。有条件导入CSS
浏览:216日期: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. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败!2. [MySQL] 如何存储 array比较合适?3. python - Flask内如何跳转至其他页面。4. python - 使用 phantomjs 打开页面不完整,是哪里出了问题?5. 将SQLServer数据同步到MySQL 用什么方法?6. php - mysql 模糊搜索问题7. android - 百度地图拖拽图标后原来位置的图标还在?8. python - 两千万条结构化数据怎么进行数据分析9. python 多进程 或者 多线程下如何高效的同步数据?10. mysql优化 - mysql 多表联合查询中有order by和sum的情况下,索引如何设计?
排行榜
				
网公网安备