React-使用combineReducers完成对数据对拆分管理

时间 2020-05-15

标签 react 使用 combinereducers 完成数据拆分管理栏目 React 繁體版

原文原文链接

　　数据都放在reducer.js下不利于对数据进行管理，能够把一个大的reducer.js拆分红多个小的reducer.js。redux

　　小的reducer.jsspa

const defaultState={ focused:false } export default(state=defaultState,action)=>{ if(action.type=='input_focus'){ return {focused:true} } if(action.type=='input_blur'){ return {focused:false} } return state; }

　　大的reducer.jscode

import {combineReducers} from 'redux' import {reducer as headerReducer} from '../common/header/store' const reducer=combineReducers({ header:headerReducer }); export default reducer;

　　注意在组件中使用“state.header.focused”而不是“state.focused”blog

const mapStateToProps = (state) => { return { focused:state.header.focused } }