最基础的redux使用实例
1.先安装
npm i --save redux
2.核心
redux数据管理仓库
(1)state
state当中存放公共数据,如果需要多个无关组件要用到同一组数据,可以把数据扔进“仓库”
(2)reducer
根据不同的需求对数据进行相应的操作
(3)创建仓库对外抛出仓库(store)对象
(一)实例
创建脚手架。。。安装redux
src下创建store文件夹用作创建仓库
store文件夹下对应三个js文件(store.js、state.js、reducer.js)
state.js文件向外抛出公共数据,如:
export let state = {
count:0
}
reducer.js对数据进行操作
let reducer = (state,action)=>{
let { type,payload } = action
//这一步是将action当中的type与payload解构出来
//也可以写作
//let type = action.type
//let payload = action.payload 一个意思
switch(type){ //如果不解构,可以写为