问响应路由器4-嵌套交换机不按预期工作
EN

Stack Overflow用户

提问于 2017-07-05 07:29:44

回答 1查看 1.2K关注 0票数 0

App.js

<ConnectedRouter history={history}>
    <Switch>
        <Route path="/dashboard" name="Layout" component={Layout} />
        <Route exact path="/login" name="Login" component={Login} />
        <Redirect from="/" to="/dashboard" />
        <Route component={NoMatch}/>
    </Switch>
</ConnectedRouter>

Layout.js

<Switch>
    <Route path="/" name="Dashboard" component={Dashboard} />
    <Route path="/components/a" component={ComponentA} />
    <Route path="/components/b" component={ComponentB} />
</Switch>

问题：
- problem#1导航到‘/仪表板/组件/a’或‘/仪表板/组件/b’没有按预期显示组件a或b
- problem#2导航到错误路径总是重定向到“/dashboard”不显示NoMatch组件

更新:将重定向更改为<Route exact path='/' render={() => <Redirect to='/dashboard' />} />可以修复问题#2，但问题#1仍然存在

reactjs

router

回答 1

Stack Overflow用户

发布于 2017-07-05 08:04:57

当您键入导航到Route或/dashboard/componenets/b时，您可能也需要更改您的/dashboard/componenets/a路径以具有一个/dashboard参数。

<Switch>
    <Route exact path="/dashboard" name="Dashboard" component={Dashboard} />
    <Route path="/dashboard/components/a" component={ComponentA} />
    <Route path="/dashboard/components/b" component={ComponentB} />
</Switch>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44919666

复制

相似问题

问响应路由器4-嵌套交换机不按预期工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问响应路由器4-嵌套交换机不按预期工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问响应路由器4-嵌套交换机不按预期工作
EN