ReactJS 路由可选 ID URL 参数答案

【问题标题】：ReactJS route optional ID URL paramReactJS 路由可选 ID URL 参数
【发布时间】：2015-08-12 21:21:26
【问题描述】：

所以，我已经尝试了所有这些，但它们都不起作用。

<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}" />

相同错误的变种：

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

/{:id?} 一个不会抛出错误但是 URL 变成了

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

请帮忙！

【问题讨论】：

标签： url routes reactjs

【解决方案1】：

如果其他人偶然发现这个问题 - 从 React-Router v1.0.0 开始，正确的语法是：

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

文档here

【讨论】：

【解决方案2】：

在参数:id之后加上?，就像这样

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

【讨论】：