dvaJs使用注意事项
2024-10-07 19:23:19
项目参考地址 dva-yicha
1. 使用路由跳转的方式
(1)所有的路由跳转功能都放到 dva/router 里面的
import { routerRedux } from 'dva/router';
(2)routerRedux里面包含一些常用的跳转路由的内容:
go: ƒ ()
goBack: ƒ ()
goForward: ƒ ()
push: ƒ ()
replace: ƒ ()
(3)该组件必须是通过connect连接到redux里面的组件,通过 this.props.dispatch 进行触发
this.props.dispatch(routerRedux.push(path))
2. 通过Link跳转
import { Link } from 'dva/router';
3. 设置全局样式
(1)如果是直接设置div这样的原生标签,那么可以直接引入就行;
(2)如果是设置类选择器的全局样式,就需要使用:global,对于不同的样式分别进行设置
:global(.w) {
background-color: pink;
}
4. 使用scss
(1)只需要安装相应的包就行了(其他的什么都不用改)
import './index.scss'
import styles from './IndexPage.scss'
(2)但是这种方式还是要和cssMoudle一个使用
5. 实现跨域,在.webpackrc中添加
"proxy": {
"/": {
"target": "https://www.yichaapp.com/",
"changeOrigin": true
}
}
6. 图片懒加载方案 lazysizes
<img src="../../assets/default.png" data-src={news.netUrl} className="lazyload" alt="易茶"/>
(1)src是替代图片
(2)data-src是正式图片
最新文章
- WDR7500 花生壳问题
- C#泛类型链表的实现
- 支撑5亿用户、1.5亿活跃用户的Twitter最新架构详解及相关实现
- redis-2.6.16源码分析之pub-sub系统
- OpenCV——写手势识别碰到的各种错误
- android-support关联源码
- ECSHOP info: Can&#39;t Connect MySQL Server(localhost:3306)!
- Tp框架获取客户端IP地址
- 如何修改SpriteBuilder中的按钮禁用启用状态
- react native( rn) 中关于navigationOptions中headerRight 获取navigation的问题 rn
- skimage
- Java代码走查具体考察点
- VMware虚拟机网络设置
- Power BI 与 Azure Analysis Services 的数据关联:3、还原备份文件到Azure Analysis Services
- webservice偶尔报黄页,解决方案
- lumen或者laravel安装指定版本
- MyEclipse配置Tomcat服务器(最简单的配置过程)
- Python自学:第二章 数字 整数
- IPV6修复工具
- [windows]转帖 windows 版本的含义
热门文章
- Python中 将数据插入到Word模板并生成一份Word
- 【网络】Ping 的TTL理解
- 序列递推——cf1204E(好题)
- 模数循环节——cf547A
- error C2872: “ACCESS_MASK”: 不明确的符号
- App响应式布局
- MySql在建立索引优化时需要注意的问题
- Dubbo入门到精通学习笔记(十二):Dubbo消费端直连提供者(开发调试)、Dubbo服务只订阅(开发调试)、Dubbo服务只注册
- Docker、Kubernetes(k8s)与OpenShift之间的关系
- Intel Pin基础