首页 > 如果同时使用redux和react-router,关于store的问题

如果同时使用redux和react-router,关于store的问题

redux提倡一个应用中所有的state都保存在一个单一的store中
对于非spa来说,这倒是很好理解的
但是对于纯spa来说
store中不仅还要保持着路由的state
同时还要保持各个路由下组件的state吗?

例如整个应用有4个路由index,list,about,profile
store还要同时保持各种路由下不同组件的state吗??
在应用规模变大时,store的规模就不敢想象了...

最近寻思着要配合redux和react-router使用
求解惑一下

注意问题,我并不是问如何搭配使用redux和react-router
而是,在整个单页应用中,一个store不仅要保持route的state,也要保持各个route下各种组件的state,这样做真的大丈夫吗?
上面提到的应用有4个路由
index下可能是一些简单信息
list下可能是一系列item的信息
abotu下可能是关于组织的信息
profile下可能是个人信息
而在这个应用中,所有的这些东西都会存在在一个store中
随着应用规模变大,,store的规模简直不敢想象


可以用官方提供的react-router-redux

import { routerReducer as routing } from 'react-router-redux'

const rootReducer = combineReducers({
  myReducer,
  anotherReducer,
  routing
})

然后路由的事就交给它了, 具体可以参考官方示例


一个应用中,就只有一个 store,store 里的 state 是共用的,不存在

例如整个应用有4个路由index,list,about,profile
store还要同时保持各种路由下不同组件的state吗??

这个问题。

index 可以获取 个人信息
about 可以获取 一系列item的信息
同时也有一个全局的 route 资料

【热门文章】
【热门文章】