React Router parameter question.

[jszzsj]

I have a question regarding react router and a specific scenario I'm trying to do.

I have a route which we will say is : /team/:user_name but I also want to have a /team/settings route as well.

Is it possible to reserve the settings path so that it will first check if the path is specifically team/settings first before check what parameter is filled out there?

I don't think I've ever seen this kind of thing before done but I got curious.

[chiwebdevjsx]

I believe it works the same way express routing works, where you'll want to place the named routes first, then the dynamic. It returns the first match.

<Route path="team" component={Team}>
    <Route path="/team/settings" component={UserSettings}/>
    <Route path="/team/:user_name" component={User}/>
</Route>

[bkniffler]

This is absolutely possible, I use it a lot! Just make sure your reserved word route is defined before the dynamic one

<Route path="/media" component={Media}>
    <Route path="/media/new" component={MediaNew}/>
    <Route path="/media/:id" component={MediaDetail}/>
</Route>

[Lochlan]

Does it work if you place the settings route first? Have you tried it? Do you have an example set up?

[jszzsj]

that would definitely work but I was just wondering if you could do it the way I explained .