React – Router 可选参数 /:id?

2020-12-15 1,354 0

常见动态param写法:

{
    path: "/post/detail/:post_id"
}

其中post_id为一参数字段,当页面打开时,通过 props.match.params.post_id可获取到。如果后面这个页面不想仅仅当做一个详情页面来用,比如路由为/post/detail时,对应的功能是新增操作,标识该参数可选。如下方式实现:

//react router 2.0中
{
    path: "/post/detail(/:post_id)" //使用括号
}
//react router 4.0中
{
    path: "/post/detail/:post_id?" //末尾增加 `?` 标识
}

相关文章

React – TypeScript 50 条规范和经验
React – Component 细节整理

发布评论