redux和react-redux

(3)昨天学了redux,今天以登录案例再打了一遍,笔记做好,先来张图

redux和react-redux_第1张图片

(2)布局配置:actions文件夹负责所有的action.js,reducers文件夹负责所有的reducer.js

redux和react-redux_第2张图片

(3)定义一个contant.js,该模块是用于定义action对象中type类型的常量值

redux和react-redux_第3张图片

(4) 在actions里面定义专门为Login组件生成action对象:目的只有一个,便于管理的同时防止程序员单词写错

import {USER_TOKEN} from '../contant'

//同步action

export const user=(userInfo)=>({type:USER_TOKEN,data:userInfo})

你可能感兴趣的:(javascript,react.js,前端)