React-router, optional url parameter with namspace

Question

I am trying to define a react-router with an optional url parameter prefixed with a namespace. This is an example of such a path:

path="authors/:authorId/posts/:postId?" // application.com/authors/8/posts/4

I want the postId variable part to be optional, but this should include the whole /posts/:postId part to be optional. Is this possible?

Possible duplicate of [React Router with optional path parameter](https://stackoverflow.com/questions/35604617/react-router-with-optional-path-parameter) — Navin Gelot, Nov 05 '18 at 09:30
Not a full duplicate, my question is about the optional fixed path part (which I refer to as namespace). — Hoetmaaiers, Nov 05 '18 at 09:34

Matt Carlotta · Answer 1 · 2018-11-06T07:12:48.160

Not sure why this is a thing that some developers want (haven't seen a good use case scenario where you would need to structure your URL as such), but the simplest solution is to instead just use a query.

http://www.example.com/authors/author?authorId=8&postId=4

Nonetheless, while the answer provided below is specific to the question, the set up for your desired URL structure is the same (see second approach in the answer): React Router v4 Nested match params not accessible at root level

React-router, optional url parameter with namspace

1 Answers1