先前已布线的组件内部的布线

时间:2018-07-03 15:30:17

标签: javascript reactjs routes react-router-dom

我正在使用public class CheeseOMSService : BaseOMSService<Cheese> { // snip } public class ZombieOMSService : BaseOMSService<Zombie> { // snip } 。我的react-router-dom 4.2中包含App.js个组件。这个组件是由我创建的,并添加了一些业务逻辑,通过Authenticated创建了该组件,并通过React.createElement组件进行了路由。没什么不寻常的。

Route

App.js

在组件// ... const App = props => ( <BrowserRouter> <Fragment> <Switch location={location}> <Route exact path={URLS.ROOT} render={() => <Redirect to={URLS.DASHBOARD} />} /> <Authenticated {...props} resource={ResourcesCode.DASHBOARD} patent={PatentsCode.VIEW} path={URLS.DASHBOARD} component={Dashboard} /> <Authenticated {...props} resource={ResourcesCode.SUBSCRIBE} patent={PatentsCode.VIEW} path={URLS.SUBSCRIBE} component={Subscribe} /> </Fragment> </BrowserRouter> // ... (上面在第二个Subscribe组件中提到)内部,我有更多路线,如下所示:

Authenticated

关键是忽略了子组件(// ... <Route path={URLS.SUBSCRIBE} exact render={() => ( //... )} /> <Route path={URLS.SUBSCRIBETWO} exact render={() => ( //... )} /> // ... )上的该路由。

为什么忽略它们?我该如何解决?

我真的需要在子组件内部使用此路由。我不想将它们移到Subscribe

重要编辑:

第二条路线被忽略,我意识到第一条路线没有。换句话说,具有path = {URLS.SUBSCRIBE}的App.js组件正在工作,但是具有path = {URLS.SUBSCRIBETWO}的组件被忽略,因此这里是要解决的问题。

编辑:

如果需要,可以使用Route组件:

Authenticated

0 个答案:

没有答案