dva使用注意事项

标签：out   geo   pat   跳转   webp   xpage   link   href   outer   

项目参考地址 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是正式图片

dva使用注意事项

标签：out   geo   pat   跳转   webp   xpage   link   href   outer   

原文地址：https://www.cnblogs.com/usebtf/p/11224697.html