Question

我正在尝试使用react-router-redux在我的create-react-app中实现最小路由。文档表明，如果不使用create-react-app，则需要配置Webpack以使url刷新按预期工作（与'history fall back'相关的设置），但如果使用create-react-app，则应该自动工作。但是，在我的开发环境中，url refresh未按预期工作。详细信息：如果我在页面刷新时第二个路径的url在浏览器中是最新的，那么第二个路由将被重新加载，而我希望主路径（带路径“/”）将被加载。我的index.js包括以下内容：

render(
    <Provider store={store}>
        <ConnectedRouter history={history}>
        <div>
            <Route exact path="/" component={MyHomeComponent} />
            <Route exact path="/roster" component={Roster} />
        </div>
        </ConnectedRouter>
    </Provider>,
    document.getElementById('root')

）

这可能是文档错误，还是我忘记了代码中的某些内容？建议非常感谢。

Answer 1

刷新应该保持相同的路径名，而不是重置为root。

我不确定你为什么要在刷新时转到root用户，但是你要完成的方法是在你的应用程序加载时手动导航。

import { createBrowserHistory } from 'history'

const history = createBrowserHistory()
history.replace('/')

ReactDOM.render((
  <Provider>
    <ConnectedRouter history={history}>
      ...
    </ConnectedRouter>
  </Provider>
), holder)

url刷新也没有像DEV上的create-react-app和react-router-redux那样正常工作

1 个答案: