数据都放在reducer.js下不利于对数据进行管理,可以把一个大的reducer.js拆分成多个小的reducer.js。

  小的reducer.js

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.js

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”

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

 

相关文章:

  • 2021-12-09
  • 2021-11-12
  • 2021-09-30
  • 2022-12-23
  • 2021-06-09
  • 2021-09-04
  • 2021-08-31
猜你喜欢
  • 2021-04-07
  • 2022-12-23
  • 2022-12-23
  • 2021-10-26
  • 2022-12-23
  • 2022-12-23
  • 2021-08-30
相关资源
相似解决方案