reactjs – React Router中同一组件的多个路径名

前端之家收集整理的这篇文章主要介绍了reactjs – React Router中同一组件的多个路径名前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在三个不同的路线上使用相同的组件:
<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逻辑.

原文链接:https://www.f2er.com/react/301283.html

猜你在找的React相关文章