【问题标题】:Getting an error when i try to access a nested route in react-router当我尝试访问 react-router 中的嵌套路由时出现错误
【发布时间】:2017-02-14 05:51:25
【问题描述】:

您好,我遇到了一个错误:

 [react-router] Location "/setup/gender" did not match any routes

我可以访问 /setup 并且一切正常。 这是 react-router 代码:

ReactDOM.render(

  <Router history={browserHistory}>
    <Route path="/" component={Root}>
      <IndexRoute component={Home} />
      <Route path ="/setup">
        <IndexRoute component={Setup} />
        <Route path="/gender" component={Gender}></Route>
      </Route>
    </Route>
  </Router>,
  document.getElementById('root')
);

在我的设置组件中:

export default class Setup extends Component {

  render() {
    return (
      <div>
        <Link to="/setup/gender">gender</Link>
        <SetupNav />
        {this.props.children}
      </div>
    )
  }
}

我有什么遗漏吗?

【问题讨论】:

  • 使用 gender 而不是你正在使用的。上次遇到这样的问题时解决了我的问题

标签: reactjs ecmascript-6 react-router


【解决方案1】:
<Route path="/gender" component={Gender}></Route>

应该变成

<Route path="/setup/gender" component={Gender}></Route>

【讨论】:

  • 当我尝试这样做时出现错误。我没有得到 SetupNavbar,我想制作其他几条具有此导航栏的路线。此外,当我以这种方式尝试时,我的资产没有正确加载,我收到 304 错误。有什么想法吗?
  • 哎呀,认为这是一个简单的解决方法,但看到您处理路线的方式与我们有所不同。不太清楚发生了什么,不幸的是
猜你喜欢
  • 2017-02-03
  • 2020-06-30
  • 1970-01-01
  • 2019-01-07
  • 2015-02-21
  • 2020-10-14
  • 2018-05-26
  • 2017-09-28
  • 1970-01-01
相关资源
最近更新 更多