umi默认的状态管理使用的是dva,如果喜欢使用的可以参考: https://umijs.org/docs/max/dva 我本人还是喜欢用mobx,于是就去试了一下配置mobx。 1.下载mobx依赖 yarn add mobx mobx-react -S 2.src目录下新建一个Mobx目录 或者叫store可以 // mobx/index.tsx import { action, computed, makeObservable, observ...
Ant Design Pro, Use Ant Design like a Pro! Antd Admin, An admin dashboard application demo built upon Ant Design and Dva.js. Excellent repositories under the same organization. Repositories umi-mcpPublic makoPublic An extremely fast, production-grade web bundler based on Rust. ...
maxNum: maxNum, }; }, }, }; 新建文件 src/pages/List.js import React from 'react'import { connect } from'dva'const namespace="list"//说明:第一个回调函数作用:将page层和model层进行连接,返回model中的数据并且将返回的数据绑定到this.props//第二个回调函数,这个函数的作用,将定义的函数绑定到...
// https://umijs.org/config/ import { defineConfig } from '@umijs/max'; import proxy from './proxy'; const { REACT_APP_ENV } = process.env; export default defineConfig({ base: '/map/', hash: true, dva: {}, locale: { // default zh-CN // default: 'zh-CN', // default ...
"dva": "^2.6.0-beta.20", "fscreen": "^1.2.0", "graphql": "^16.5.0", "graphql-request": "^5.0.0", "graphql-tag": "^2.12.6", "immer": "^9.0.14", "js-yaml": "^4.1.0", "lodash": "^4.17.5", "moment": "^2.29.4", "nprogress": "^0.2.0", "path-to-regexp...
.customSelect{:global{.ant-select-selection{max-height:51px;overflow:auto;}}}复制代码 方法很简单,有两点需要注意: 引入的 antd 组件类名没有被 CSS Modules 转化,所以被覆盖的类名.ant-select-selection必须放到:global中。 因为覆盖是全局性的。为了防止对其他 Select 组件造成影响,所以需要包裹额外的 class...
这里,我们选择阿里的UmiJS + DvaJS + Ant.Desgin 轻应用框架。 1. 安装UmiJS // 推荐使用yarn npm install yarn -g yarn global add umi 2. 安装UmiJS手脚架 mkdir topology-react yarn create umi // 创建项目文件后,安装依赖包 yarn 这里,我们选择typescript,dva等(dll可以不用,已落伍)。 3. ...
dva(基于redux+redux-saga的封装方案):写起来有vuex的感觉; 主要记录我在过程中遇到的问题及解决的姿势,技术栈antd 3.11.x+umi 2.x+react 16.7 问题汇总及解决姿势 moment的一些用法及antd 日期组件的细节 关于moment 为什么说另类..就是原生日期API结合moment,因为我们接口需要传递时间戳,而是不带毫秒级的; ...
dva把配置文件以.webpackrc显示 首先,更改.webpackrc为.webpackrc.js, 然后写入配置文件(注意:原有的数组改成对象的形式)。 反向代理配置(注意:检查/api是否匹配域名) export default { "extraBabelPlugins": [ ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }] ...