Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/c/56.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React router “如何逃离”/&引用;在路由参数中?_React Router - Fatal编程技术网

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”

    你可以找到更多关于