1. login form import React from "react"; import {Row, Col} from "antd"; import {Form, Input, Button} from "antd"; import LoginHeader from "./LoginHeader"; import AppFooter from "page/layout/footer/AppFooter&quo…

infer 这个关键字,整理记录一下,避免后面忘记了.有点难以理解呢. infer infer 是在 typescript 2.8中新增的关键字. infer 可以在 extends 条件类型的字句中,在真实分支中引用此推断类型变量,推断待推断的类型. 例如:用infer推断函数的返回值类型 type ReturnType<T> = T extends (...args: any[]) => infer R ? R : any; type fn = () => number typ…

这个demo只有一个reducer 所以合并reducer这个demo用不到 ,但是我写出来这样大家以后可以用到,很好用,管理多个reducer,因为只要用到redux就不会只有一个reducer所以这个合并reducer很好用. 需要的技术:react-redux    redux实现状态管理 装饰器:babel-plugin-transform-decorators-legacy下载 第一步下载transform-decorators-legacy npm install babel-plu…

In this lesson we'll walk through setting up an updater function that can receive an action argument. We'll also dive into how to separate your state management logic into a separate reducer function much like how Redux operates. It will receive an a…

action creator 是一个函数,格式如下: var actionCreator = function() { // 构建一个 action 并返回它 return { type: 'AN_ACTION' } } action 是一个拥有 type 属性的对象,用来描述发生了什么,然后按 type 决定如何处理 action. 举一个例子,获取数据是一个 action,一个点击是一个 action,一个 input 变化也是一个 action 等等. 下面是一些 action 的示例:…

​ 编写store.js 小state reducer 怎么来 纯函数 state+action 生成新的state actions type return{ } state action === setstate(()=>{}) reducer.js 生成新的state 计算 action.js  修改state (数据初始化,和操作方法) _actionsType.js 页面引入 import {connent}from 'react-redux' 1.src 下面有一个大的store>s…

今天肺炎增长数字依然吓人,感觉穿越到丧失片里了. 本节开始学习dva model使用,官网的讲解太文档化,对新手实践不太友好,自己简化了一个最简单的演示代码. 1.在src,models文件夹下创建user.ts,初始化username为张三1 const UserModel = { namespace: 'User', state:{ UserInfo:{ username:"张三1" } }, reducers:{ updateUserState(state,action) { l…

预热 redux 函数内部包含了大量柯里化函数以及代码组合思想 柯里化函数(curry) 通俗的来讲,可以用一句话概括柯里化函数:返回函数的函数 // example const funcA = (a) => { return const funcB = (b) => { return a + b } }; 上述的funcA函数接收一个参数,并返回同样接收一个参数的funcB函数. 柯里化函数有什么好处呢? 避免了给一个函数传入大量的参数--我们可以通过柯里化来构建类似上例的函数嵌套,将参数的…

React和Angular 你若装逼,请带我飞! 从前,从前,听说React只负责UI,话说写Angular代码就像写后端,现在看来,React赢在情怀上了: 我认为没必要老是拿React和Angular做比较,Angular是一套大而全的相对完备的框架:而React确实是只负责UI,只是多出很多概念层的东西,需要自己以此去构造:React更像是打造一个由React作为主线的生态:以component为基础,虚拟DOM解决性能瓶颈,单向数据流统一管理components,webpack.ES6.…

前言: 目前公司使用dva,对于前不久还是使用原生js的我来说,花了差不多一两周时间,基本掌握如何使用.虽然对于react有一点点基础,但很多地方未深入,很多概念也很模糊,故从本文开始,记录一下系统的学习react的历程. redux:(http://www.redux.org.cn/) 简单来看,redux基本使用就是这样,create一个store出来,然后通过dispatch action,通过reducer来改变这个store. const reducer = combinReducer…