conditional dash

[esperancaJS]

I'm trying to resolve routes like:
/product/:name?-:id

that would allow routes like:

/product/wtv-3652672
/product/3652672

But this does not seem to work.
What's the recommended way to conditionally include dashes ?

[pshrmn]

React Router uses path-to-regexp for its route matching. You should check out its configuration options, especially custom match parameters.

<Route path='/product/:name(\w+-)?:id' ... />

You'll have to manually strip the dash off of the name, but otherwise it seems to match fine.

For future reference, you can use https://pshrmn.github.io/route-tester to test out combinations of <Route> paths and its other props.