ReactJS route optional ID URL param

Question

So, I've tried all this but none of them work.

<Route name="create-course" handler={CreateCourse} path="/course-builder/create-course/{:id}" />
<Route name="create-course" handler={CreateCourse} path="/course-builder/create-course/[:id]" />
<Route name="create-course" handler={CreateCourse} path="/course-builder/create-course{/id}" />

variants of the same error:

Error: Invariant Violation: Missing "id" parameter for path "/course-builder/create-course/{:id}"

/{:id?} one doesn't throw an error but URL becomes

/course-builder/create-course/%7B%7D

Help please!

Oleksandr T. · Accepted Answer · 2015-05-30 03:33:24Z

2

After param :id add ?, like so

<Route name="create-course" handler={CreateCourse} path="/course-builder/create-course/:id?" />

answered May 30, 2015 at 3:33

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

Comments

Chris · Accepted Answer · 2016-02-24 15:04:06Z

0

In case someone else stumbles upon this question - as of React-Router v1.0.0 the correct syntax is:

<Route name="create-course" handler={CreateCourse} path="/course-builder/create-course(/:id)" />

Documentation here

answered Feb 24, 2016 at 15:04

Chris

59.7k20 gold badges121 silver badges144 bronze badges

Collectives™ on Stack Overflow

ReactJS route optional ID URL param

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related