当您使用React路由器时，处理页面刷新

Question

问题： 当我最初转到根URL时，路由器会呈现正确的页面。导航工作也很好。但是，当我点击refresh时，应用程序崩溃并出现以下错误：

instrument.js:112 Uncaught TypeError: Cannot read property 'length' of undefined

这是instrument.js:112中的功能。 computedStates为undefined。

/**
 * Runs the reducer on invalidated actions to get a fresh computation log.
 */
function recomputeStates(computedStates, minInvalidatedStateIndex, reducer, committedState, actionsById, stagedActionIds, skippedActionIds) {
  // Optimization: exit early and return the same reference
  // if we know nothing could have changed.
  if (minInvalidatedStateIndex >= computedStates.length && computedStates.length === stagedActionIds.length) {
    return computedStates;
  }

当我执行localStorage.clear()并刷新页面时，应用会再次回来。

可能导致此问题的软件包：

"react-router": "^2.0.0",
"react-router-redux": "^4.0.0",
"redux-localstorage": "^0.4.0",

使用反应路由器时，处理页面刷新的最佳方法是什么？

Answer 1

根据我的经验，React Router没有页面刷新的问题。听起来您可能遇到本地存储进入刷新页面时出现问题的状态的问题。我建议您在最初加载页面后检查本地存储的内容。