React使用redux仓库_redux中如何把后端数据存到仓库

具体的注解:

 三个核心概念：

  store:数据仓库，存放项目公共数据的地方，一般一个项目只有一个store

  action:通知对象，他是一个普通的json对象，里面必须要有type属性，表示通知类型，其他属性可以任意定制，一般都是后续计算的时候所需要的参数

reducer:计算者，规定了数据的修改规则，他就是一个函数，接收两个参数
 参数一：state 表示了store中的数据
 参数二：action通知对象
 函数体：根据action中的type字段来返回不同的数据，返回的数据会覆盖store中原有的数据，以此达到   数据更新的目的

reducer的执行时机：
 1.createStore首次调用的时候（底层也是调用dispatch方法），目的是初始化数据
 2.dispatch调用的时候

安装依赖：

npm add redux react-redux

在index里面的写法：

import {createStore} from "redux";
 
 
const store = createStore(reducer);
 
const action = {
    type: 'changeName',
    newName: '丽丽'
}
store.dispatch(action)
 
function reducer(state = {name: '小明'}, action) {
    switch (action.type) {
        case 'changeName':
            return {
                ...state,
                name: action.newName
            }
        default:
            return state;
    }
}
 
console.log('store', store.getState());