关于redux的学习总结

学了react好久了，却一直没用过redux，最近一直在面试，总是有这个问题，实在没办法，前来学习一下

直接上代码：

import {createStore,combineReducers} from 'redux';

这是redux最常用的两个对象，

 

关于reducer的介绍

reducer是用来判断action是什么类型，继而触发相应的操作，如下：

const reducer=(state={list:[]},action)=>{  //可以给state设置默认值
    switch(action.type){
        case 'ADD_TODO':
            const newState=Object.assign({},state)  //深拷贝
            newState.list.push(action.payload);
            return newState;
        default:
        return state
    }
}

 

关于createStore的介绍

createStore用来生成store，因为所有的state都存在store中，

const store = createStore(reducers);

然后，通过subscribe来绑定入口函数，当store改变时，组件也同时刷新

function renderPage() {
   
    ReactDOM.render((
        <Init store={store} />
    ), document.getElementById("app"));
}
renderPage();
store.subscribe(renderPage);