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 多线程 同步 数据传递 )
    类的高级特性——抽象类
    多态
    继承、继承中的重写
    接口interface、实现接口implements
    “==”运算符与equals()
    静态成员
    对象
    属性和行为(成员变量和成员方法)
    字符串生成器
  • 原文地址:https://www.cnblogs.com/3body/p/8027919.html
Copyright © 2011-2022 走看看