React router “如何逃离”/&引用;在路由参数中?
如果我有路线:React router “如何逃离”/&引用;在路由参数中?,react-router,React Router,如果我有路线: <Route path="Admin/Products/Edit/:id" ... /> 我有一个呼叫站点,例如: const productId = "products/12345"; return <Link to="/Admin/Products/Edit/" + productId>...</Link> const productId=“products/12345”; 返回。。。 如何转义productId,以便react
<Route path="Admin/Products/Edit/:id" ... />
我有一个呼叫站点,例如:
const productId = "products/12345";
return <Link to="/Admin/Products/Edit/" + productId>...</Link>
const productId=“products/12345”;
返回。。。
如何转义
productId
,以便react router捕获整个值,包括斜杠作为单个值?我认为有几种方法可以做到这一点:
然后您可以使用this.props.params.splat
获取您的:“products/12345”,问题是*
匹配所有字符(非贪婪)
然后您需要记住,您的链接的路径需要以/
结尾,例如:
const productId=“products/12345/”;
返回。。。
您可以得到一个splat数组,因此可以执行:this.props.params.splat.join('/')
来获取您的:“products/12345”
你可以找到更多关于