redux的reducer的拆分

示例如下

import { createStore,combineReducers  } from "redux"; 
//拆分reducer

//城市reducer
const cityReducer = (pre = {
    cityName:'北京'
},action)=>{
    const newState = {...pre}   
    switch(action.type){
      case 'cxk':
         newState.cityName = action.value
         return newState
       default:
         return pre      
    }
}
//tab reducer
const tabReducer = (pre = {
    show:false
},action)=>{
    const newState = {...pre}   
    switch(action.type){
      case 'yes':
         newState.name = true
         return newState
     case 'yes':
        newState.name = false
        return newState  
       default:
         return pre      
    }
}
const reducer = combineReducers({   //合并两个reducer
    cityReducer,
    tabReducer
})

const store = createStore(reducer);  //创建一个store
export default store

使用方式如下

 const btn = ()=>{
    store.dispatch({   //点击派发
       type:'cxk',
       value:'赣州'
    })
    setName('sss')
    
  }

 <h1>{store.getState().cityReducer.cityName}</h1>