我在三个不同的路线上使用相同的组件:
<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,路径可以是正则表达式字符串,所以你可以这样做:
<Router> <Route path="/(home|users|widgets)/" component={Home} /> </Router>
你可以看到它有点冗长,所以如果你的组件/路线很简单,那么它可能不值得.
当然,如果这实际上经常出现,你总是可以创建一个包含数组路径参数的包装组件,它可以重复使用正则表达式或.map逻辑.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。