还可以使用redux做临时存储:页面加载的时候,把从服务器获取的数据信息存储到redux中,组件渲染需要的数据,redux中,这样只要页面不刷新,路由切换的时候,再次渲染组件不需要重新从服务器拉取数据,直接从redux中获取即可:页面刷新,从头开始(这套方案代替了localStorage本地存储来实现数据缓存)
Redex管理文件夹
store REDUX管理文件夹 * action 派发行为集合 * vote.js * ... * index.js 所有分模块行为的汇总 * * reducer 管理员集合 * vote.js * ... * index.js 所有管理员的集合汇总 * * action-types.js 所有行为标识 * index.js 创建REDUX容器Redex工程化案例
store/index.js
/* * store * reducer: 存放每一个模块 reducer * vote.js * personal.js * ... * index.js 把每一个模块reducer最后合并成reducer * action 存放每一个模块需要进行的派发任务(ActionCreator) * * */ import {createStore} from 'redux'; import reducer from './reducer'; let store = createStore(reducer); export default store;store/action-types.js
/* * 管控当前项目中所有redux任务派发中需要的行为标识action-type * */ //vote_support export const vote_support = 'vote_support'; export const vote_against = 'vote_against'; //personal export const personal_init = 'personal_init';