zoukankan      html  css  js  c++  java
  • react-router 父子路由同时要接收 params 的写法

                        <Route
                            path="/profile/:companyId/:companyName"
                            component={Profile}
                            onEnter={(nextState, replace, next) => {getLoginStatus(next);}}
                        >
                            <IndexRoute component={Circle} />
                            <Route path="/profile/circle/:companyId/:companyName" component={Circle} />
                            <Route
                                path="/profile/community/:companyId/:companyName"
                                component={Community}
                                onEnter={this.verifyIsPay}
                            />
                            <Route
                                path="/profile/district/:companyId/:companyName"
                                component={District}
                                onEnter={this.verifyIsPay}
                            />
                            <Route
                                path="/profile/industry/:companyId/:companyName"
                                component={Industry}
                                onEnter={this.verifyIsPay}
                            />
                            <Route
                                path="/profile/shareholding/:companyId/:companyName"
                                component={Shareholding}
                                onEnter={this.verifyIsPay}
                            />
                            <Route
                                path="/profile/event/:companyId/:companyName"
                                component={Event}
                                onEnter={this.verifyIsPay}
                            />
                            <Route
                                path="/profile/statistics/:companyId/:companyName"
                                component={Statistics}
                                onEnter={this.verifyIsPay}
                            />
                        </Route>

    如代码所示,父路由要接收参数,子路由也要接收参数。

    这种情况下,子路由就需要写完整的路径:/profile/community/:companyId/:companyName,而不是简写的:community/:companyId/:companyName。

    完整的路径才能正常匹配,而简写方式会将 community 匹配给 /profile/:companyId/:companyName 的 :companyId,从而找不到路由。

  • 相关阅读:
    JAVA基础:JAVA代码编写的30条建议
    Oracle学习之三 程序控制结构
    ExtJs 常用代码片段(7.30更新)
    ExtJs4 之数据模型
    .NET 大杂烩
    .NET 导出Excel
    Javascript实现IE直接打印
    C# Timer用法及实例
    AjaxPro实现无刷新多级联动实例
    VB6.0输入文本写进UTF8格式的文本文件
  • 原文地址:https://www.cnblogs.com/3body/p/8027919.html
Copyright © 2011-2022 走看看