reactjs – 如何在react-router转换期间更新redux存储？

在我当前的实现(下面)中,在渲染下一页之前更新存储.当当前页面根据下一页的数据获得商店更新时出现问题：(1)当前页面无意义地呈现(它订阅了商店更新),因为更新的商店用于下一页(2)渲染时的当前页面中断,因为更新的存储仅包含下一页的数据.

superagent
  .get(opts.path)
  .set('Accept','application/json')
  .end((err,res) => {
    let pageData = res && res.body || {};
    store.dispatch(setPageStore(pageData));
    render(store);
  });

反过来也有问题,在更新商店之前渲染下一页.现在的问题是渲染的下一个分页符,因为在更新存储之前,下一页所需的数据不存在.

我要么滥用这些库,要么我的架构不完整,或其他什么.救命！

其余的示例代码：

应用

const React = require('react');
const Router = require('react-router');
const {createStore} = require('redux');
const {update} = React.addons;
const routes = require('./routes'); // all the routes
let store = {};
let initialLoad = true;

Router.run(routes,Router.HistoryLocation,(Handler,opts) => {
  if(initialLoad) {
    initialLoad = false;

    // hydrate
    const initialState = JSON.parse(document.getElementById('initial-state').text);
    store = createStore(appReducer,initialState);
    render(store);

  } else {
    superagent
      .get(opts.path)
      .set('Accept','application/json')
      .end((err,res) => {
        let pageData = res && res.body || {};
        store.dispatch(setPageStore(pageData));
        render(store);
      });
  }
});

function render(store) {
  React.render(
    <Provider store={store} children={() => <Handler/>} />,document.getElementById('react')
  );
}

动作&减速器

function appReducer(state = {},action) {
  switch(action.type) {
    case 'SET_PAGE_STORE':
      return update(state,{$merge: action.pageData});

    default:
      return reduce(state,action);
  }
}

const reduce = combineReducers({
  // ..all the reducers
});

function setPageStore(pageData) {
  return {type: 'SET_PAGE_STORE',pageData};
}