React router path as an array

Question

I have a code like this :

<BrowserRouter>
  <Switch>
    <Route path="/" exact component={component1} />
    <Route path="/somewhere/:something" component={component2} />
  </Switch>
</BrowserRouter>

I tried this, because in the end, I want to match several paths with the same component / result :

<BrowserRouter>
  <Switch>
    <Route path={["/somewhere/:something","/somewhere2/:something"]} component={component2} />
  </Switch>
</BrowserRouter>

and the path is matched, but my parameter (:something) isnt passed to it. Any idea why ? react-router's docs tells me :

Any valid URL path or array of paths that path-to-regexp@^1.7.0 understands.

in fact, I noticed that error : Failed prop type: Invalid prop path of type array supplied to Route, expected string. which is inconsistent with the docs — beauchette
– beauchette, Commented Mar 13, 2019 at 15:31

Alex Feinman · Accepted Answer · 2019-04-04 14:16:50Z

6

The feature was only recently added to React-Router. You need to upgrade your react-router installation to be able to match the documentation and use the feature.

answered Apr 4, 2019 at 14:16

Alex Feinman

5,5932 gold badges34 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React router path as an array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related