React Router中同一组件的多个路径名 [英] Multiple path names for a same component in React Router

问题描述

我将相同的组件用于三种不同的路线:

I am using the same component for three different routes:

<Router>
    <Route path="/home" component={Home} />
    <Route path="/users" component={Home} />
    <Route path="/widgets" component={Home} />
</Router>

反正有结合起来的样子，就像:

Is there anyway to combine it, to be like:

<Router>
    <Route path=["/home", "/users", "/widgets"] component={Home} />
</Router>

推荐答案

从react-router开始

As of react-router v4.4.0-beta.4, and officially in v5.0.0, you can now specify an array of paths which resolve to a component e.g.

<Router>
    <Route path={["/home", "/users", "/widgets"]} component={Home} />
</Router>

数组中的每个路径都是一个正则表达式字符串.

Each path in the array is a regular expression string.

可以在此处.

这篇关于React Router中同一组件的多个路径名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！