combineReducers:
一个项目里,数据是非常庞大的,name如果只有一个reducer的话,在查找时是非常困难的,所以我们可以建立很多个“小册子”。也就是说,根目录下有一个总的store,但是每个组件下都有自己的store:
然后这样的话,我们把header组件的store的reducer,单独写就可以了,就是最后要集合在那个总的reducer里:
store的reducer:
const defaultState ={
focused:false
}
export default (state=defaultState,action)=>{
if(action.type==='search_focus'){
return {
focused: true
}
}
if(action.type==='search_blur'){
return {
focused: false
}
}
return state
}
总的reducer:
import {combineReducers} from "redux";//这句话的意思是把小的册子合并成大的册子
import headerReducer from "../common/header/store/reducer";//集合过来
export default combineReducers({
header:headerReducer
})
不过这样的话,mapStateToProps里的state的指向就要改变了,就要写成: