umi3 如何管理model_umi -- model 的注册与使用

Umi 通常会搭配 Dva 使用，用于管理页面状态和逻辑

一、注册 model

首先需要在 .umirc.js 中启用 dva 插件

export default {

plugins: [

['umi-plugin-react', {

dva: {

immer: true,

}],

}

dva 通过 model 的概念把一个模型管理起来，相当于其他状态管理工具中的 store，通常由以下组成

export default {

namespace: '', // 表示在全局 state 上的 key

state: {}, // 状态数据

reducers: {}, // 管理同步方法，必须是纯函数

effects: {}, // 管理异步操作，采用了 generator 的相关概念

subscriptions: {}, // 订阅数据源

};

在 umi 中会按照约定的目录来注册 model，且文件名会被识别为 model 的 namespace

model 还分为 src/models/*.js 目录下的全局 model，和 src/pages/**/models/*.js 下的页面 model

然后在 src/pages/ 下的页面文件中通过 connect 关联对应的 model

import React, { Component } from 'react';

import { connect } from 'dva';

class PageView extends

umi3 如何管理model_umi -- model 的注册与使用相关推荐

当前没有源代码管理提供程序进行注册
vscode源代码管理 --"当前没有源代码管理提供程序进行注册" 如果大家的项目是有git仓库,源代码管理中就会显示更改过的代码但是前几天我突然显示**"当前没有源代 ...
yii2项目实战-用户管理之登录与注册功能实现
为什么80%的码农都做不了架构师?>>> 作者:白狼出处:http://www.manks.top/document/yii2-user.html 本文版权归作者,欢迎转载, ...
umi3 如何管理model_django admin 管理工具
Django 提供了基于web的管理工具:Django admin 自动管理工具是 django.contrib 的一部分,我们可以在项目的 settings.py 中的 INSTALLED_APP ...
Dubbo-Admin管理平台和Zookeeper注册中心的搭建（转）
林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubb ...
接口管理工具Yapi禁用注册功能的配置解决方案
之前公司运维安装了一个接口管理工具yapi,是通过docker安装的,时间有点久,安装的人也没了,容器是通过镜像/anoy/yapi安装的容器.默认yapi是可以开放注册的,因为公司外网开放的,所有发 ...
江西省中小学生学籍管理-非小学新生注册（5）
家长向学校提交未建学籍申请,承诺未在其它学校未申请过学籍注册,并协助学生填写<学生基本信息表>,准确全面采集学生信息--非小学新生注册并校验--非小学新生注册审核--非小学新生注册上报-- ...
C# USB设备的管理（Devcon和注册表的USB操作）
一.关于 USB 最近对 USB 设备做了一些学习,简单做一下整理,希望感兴趣的同学留言交流,最后会附上源码连接. 简单列一些关键点: VID:Vendor ID(生产厂商 ID),PID:Produ ...
C#实现软件授权，限定MAC运行（软件license管理，简单软件注册机制）
一个绿色免安装软件,领导临时要求加个注册机制,不能让现场工程师随意复制.事出突然,只能在现场开发(离开现场软件就不受我们控了).花了不到两个小时实现了简单的注册机制,稍作整理. 基本原理:1.软件一 ...
计算机注册表管理,如何打开计算机注册表编辑器
如何打开计算机注册表编辑器?我们可以单击"开始-运行",或按住计算机左下角的Win键(Tianzi键)并同时按R键以打开运行窗口,在运行窗口中输入regedit,确定,打开注册表编 ...

umi3 如何管理model_umi -- model 的注册与使用

umi3 如何管理model_umi -- model 的注册与使用相关推荐

最新文章

热门文章