再看最后一眼青春的星空

灿烂火光就像盛夏的烟火

欢送挣扎万年文明的巅峰

我们啊

将变星辰永远飘在黑暗宇宙

这个男人来自三体

Tirion

导航

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,从而找不到路由。

posted on 2017-12-12 15:14  Tirion  阅读(328)  评论(0编辑  收藏  举报

The Man from 3body