我在三个不同的路线上使用相同的组件:
<Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router>
无论如何要结合它,就像:
<Router> <Route path=["/home","/users","/widgets"] component={Home} /> </Router>
至少对于react-router v4,路径可以是正则表达式字符串,所以你可以这样做:
原文链接:https://www.f2er.com/react/301283.html<Router> <Route path="/(home|users|widgets)/" component={Home} /> </Router>
你可以看到它有点冗长,所以如果你的组件/路线很简单,那么它可能不值得.
当然,如果这实际上经常出现,你总是可以创建一个包含数组路径参数的包装组件,它可以重复使用正则表达式或.map逻辑.