Dva 的connect使用

// 用于将返回的命名空间中的status绑定这个控件中 用来链接组件和状态管理器
export default connect(({ listRed, loading }) => ({  //数组就相当于给当前空间props赋值av: listRed, // 要绑定的命名空间// submitting: loading.effects['listRed/fetch'],submitting: 'apopi',
}))(Login);

js组件中使用connect，指的是将listRed的命名空间中的数据绑订到key为av上，这时，只要listRed中发生变化，就会使这个页面的props发生变化，props相当于{av,submitting}的对象

module中

import { qUrl } from '@/services/redirect'const red = {namespace: 'listRed',//state 存储数据收到 Action 以后，会更新数据state: {status: undefined,},effects: {// @param payload 参数// @param call 执行异步函数调用接口// @param put 发出一个 Action，类似于 dispatch 将服务端返回的数据传递给上面的state*fetch({payload}, {call, put}) {console.log('获取到数据！！！',payload)const response = yield call(qUrl, payload)yield put({type: 'queryList',   //reducers 中的方法payload: response ,})},},reducers: {queryList(state, { payload }) {console.log(payload)console.log('reduce')return {...state, status: payload.status, type: payload.type}}},
};
export default red;

会将传递给view中的av，间接的给了props

Dva 的connect使用相关推荐

dva脚手架创建的项目目录结构分析
安装dva脚手架:npm install -g dva-cli 查看dva版本:dva -v 使用脚手架构建项目:dva new project 等待构建完成后,cd project中,执行npm s ...
react 的 connect 与 @connect
react dva 的 connect 与 @connect connect的作用是将组件和models结合在一起.将models中的state绑定到组件的props中.并提供一些额外的功能,譬如di ...
使用飞冰+dva快速构建一个后台系统
使用飞冰+dva快速构建一个后台系统写在前面最近我们接到这样一个需求,要写一个后台管理系统,时间很急,产品也只是给出了原型稿,把功能陈列了一下,给出的要求就是先注重功能,用起来再去考虑美化.但是作 ...
React+Antd+TypeScript 开发规范
React+Antd+TypeScript 规范整合 1.TypeScript代码标准化规则提取出部分适用于项目中的官方要求的的TypeScript用于约束贡献者的编码规范 [typescript官 ...
006.集成Dva-core到react-native中
安装 yarn add dva-core-ts react-redux yarn add @types/react-redux -D yarn add dva-loading-ts 在models模块 ...
react--随笔3
扩展 Immutable.js typescript 搭建环境 create-react-app 目录 --template typescript 统一变化所有用到jsx语法的文件都需要以tsx后缀 ...
自定义类组件无法ref的解决方法 React
Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you me ...
dva的state引用及connect连接
一.取到我们自己定义的state 1.值得注意的是我们如果需要使用dva在新建umi项目的时候不能再选择simple app,那个新建项目不支持dva,需要选择Ant Design Pro这个选项来新 ...
使用纯js获取umi中Dva store，不使用connect
umi2版本使用 window.g_app._store 获取store 使用 window.g_app._store.dispatch('namespace/action') 获取dispatch ...

Dva 的connect使用

Dva 的connect使用相关推荐

最新文章

热门文章