记录学习antd design pro dva的过程,主要记错, 多图预警,如有理解偏差,忘指出,多谢!

问题1: 

答案1:

问题2: 这个要修改state,正确写法

存在的疑惑:为什么不能直接修改值,非得要去dispatch一下吗?

经过指点:为了解耦,大型项目的优点,

原文地址:https://www.cnblogs.com/qkstart/p/10346736.html

时间: 2024-10-31 02:35:00

记录学习antd design pro dva的过程,主要记错, 多图预警,如有理解偏差,忘指出,多谢!的相关文章

学习 Antd Pro 前后端分离

1.前言 最近学习reactjs ,前些年用RN开发过移动端,入门还算轻松.现在打算使用 Antd Pro 实现前后端分离.要使用Antd Pro这个脚手架,必须熟悉 umi.dva.redux-saga 等相关知识. 基础知识及目录结构可以先看官方文档 : https://pro.ant.design/docs/getting-started-cn 官方介绍: Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 [Ant Design](http://ant.desi

pro.antd.design

有关react的ui组建antd.design新推出的pro版本,最近用到了路由方面. common与routes; 首先需要在menu.js里面配置: { name: '精品', icon: 'dashboard', path: 'finequality', children: [ { name: '精品vue', path: 'finevue', }, { name: '精品react', path: 'finereact', }, { name: '精品angular', path: 'f

004-ant design pro安装、目录结构、项目加载启动

一.概述 1.1.脚手架概念 编程领域中的“脚手架(Scaffolding)”指的是能够快速搭建项目“骨架”的一类工具.例如大多数的React项目都有src,public,webpack配置文件等等,而src目录中又包含components目录等等.每次在新建项目时,手动创建这些固定的文件目录.脚手架的作用就是帮助你完成这些重复性的工作,包括一键生成主要的目录结构.安装依赖等等. 1.2.参考地址 ant design参看地址:https://ant.design/docs/react/intr

008-ant design pro 构建和发布

一.概述 原文地址:https://pro.ant.design/docs/deploy-cn 二.详细 2.1.构建 当项目开发完毕,只需要运行一行命令就可以打包你的应用: npm run build 由于 Ant Design Pro 底层使用的 roadhog 工具,已经将复杂的流程封装完毕,对于大部分场景,构建打包文件只需要一个命令 roadhog build,构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 ***.js.***.css.index.

Ant Design Pro路由菜单

config /config.js配置list路由指向页面../layouts/NewPage import defaultSettings from './defaultSettings'; // https://umijs.org/config/ import slash from 'slash2'; import webpackPlugin from './plugin.config'; const { pwa, primaryColor } = defaultSettings; // p

如何创建Pull Request,以开源项目ant design pro为例

声明:本文章也是我本人参考网络上的一些教程写的,毕竟我也是第一次为开源项目做贡献,心里难免有点小激动.所以用此文章来记录这个过程,和一些操作方式.同时留作以后可供参考. 背景:最近做了公司一个项目,具体项目我也就不说了,反正用了React+Umi+Ant Design Pro.具体情况是这样,使用官方的SettingDrawer实现了在线切换主题的功能,但是官方的控件中会有如下拷贝设置按钮一直显示. 然而我想要的效果如右图 可是我的项目上线后,不需要复制主题配置进行分享,仅开发过程中设置默认主题

Android学习笔记--design包下的两个控件

今天学习了design包下的两个控件,记录一下,首先需要我们依赖 1 compile 'com.android.support:design:25.0.0' 之后在XML文件中就可以使用了 1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 x

记录一点关于“MAC Pro下使用MySQL”的经历

我这几天在MAC Pro上安装MySQL,并在Mac的终端窗口上使用MySQL命令行创建数据库和导入数据备份的.sql文件,由于很少用过MAC Pro的操作系统,所以有些操作不甚熟悉,也因此浪费了不少时间.为了让其他可能会遇到我这些情况的朋友们能少走弯路,节约精力,我把遇到的问题和解决方法在这里做一点记录,希望对大家能有所帮助. 一.MySQL数据库安装: 从其官网上下载适合自己操作系统类别和版本的数据库安装文件,根据指导进行安装.打开.dmg文件后,会出现三个需要安装文件,分别是:MySQL-

ThinkPHP3.2.2:记录一下第一个例子的运行过程

初次学习php框架,查了一下,据说laravel市场占有最高,但是根本装不了啊.需要cmd下用https方式进行下载,各种帆樯软件都用上了,根本没法用,坑死人了.由百度一下,国内的php框架据说thinkPHP热度很高,从ThinkPHP主站http://www.thinkphp.cn/看了半天教程也没看懂,自己摸索吧.记录一下第一个例子的运行过程,防止以后忘记. 1.安装WAMPServer,到D:\wamp\. 2.下载ThinkPHP3.2.2核心版.解压缩后,放到D:\wamp\www\