欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Redux

程序员文章站 2022-07-16 14:34:49
...
  • 下包 redux
  • 引入
let redux = require("redux")
  • 创建仓库
const store = createStore(reducer,{初始值})
  • createStore 接收三个参数
    • reducer 必须是个函数,当dispatch,接收俩个参数,上一次的状态—state,action—是一个对象,{type},返回最新的状态
    • preloadState 初始化state
    • enhancer
  • reducer
const reducer = (state,action) => {
	let newState = {...state}
	switch (action.type) {
		case "add":
			newState.count++;
			break;
		case "del:
			newState.count--;
			break;
		default:
			break
	}
}
  • 仓库下有四个函数参数
    • dispatch 参数必须是一个对象,必须有type属性,传递的参数被action接收
    • getState 获取的是reducer的返回结果
    • subscribe
    • replaceReducer
  • store 仓库,单项数据流
  • state 每次计算出来上一次的状态,由getState获取
  • action 描述数据如何改变
  • reducer 接受上一次的状态和action计算出来的真正的新数据
相关标签: Redux