dva.js
神奇大叔
这个作者很懒,什么都没留下…
展开
-
dva 完善内置fetch的get/post请求
import fetch from 'dva/fetch'; import qs from 'querystring'; function parseJSON(response) { return response.json(); } function checkStatus(response) { if (response.status >= 200 && response.status < 300) { return response; } co原创 2020-07-18 15:23:33 · 2946 阅读 · 0 评论 -
dva 内置Mock模拟数据
1、在mock文件夹下创建.js文件 2、在文件中创建数据 module.exports={ "GET /地址":数据, "POST /地址":数据, "GET /地址" :(req,res)=>{ ...和express路由操作相同 res.send(数据) res.status(200).json({数据}) } "GET /地址":{ 数据:Mock.mock({ Mock库的数据操作 }) }, }原创 2020-07-18 11:09:37 · 403 阅读 · 0 评论 -
dva model数据管理
1、在model文件夹下创建.js文件 2、创建model(即reducer) export default{ namespace:'model名称', state:数据, reducers:{ xx(state,action){ 改变state的方法 }, xxx(state,action){ 改变state的方法 } } } 3、组件连接m原创 2020-07-18 09:53:53 · 917 阅读 · 0 评论 -
dva 路由配置
1、引入 import { Router, Route, Switch } from 'dva/router'; 2、使用 import React from 'react'; import { Router, Route, Switch } from 'dva/router'; import IndexPage from './routes/IndexPage/IndexPage'; import ProductPage from './routes/ProductPage/index'原创 2020-07-17 22:18:18 · 2994 阅读 · 1 评论 -
dva 配置antd
1、安装 cnpm install antd babel-plugin-import --save 2、在项目的.webpackrc文件添加 { "extraBabelPlugins": [ ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }] ] }原创 2020-07-17 21:28:33 · 491 阅读 · 0 评论 -
dva 搭建环境
应用:简化redux-saga 1、安装 cnpm install dva-cli -g 2、查看版本 dva-cli -v 3、创建项目 dva new xx 4、启动项目 npm start原创 2020-07-17 20:46:21 · 218 阅读 · 0 评论