React Router Redirect - 将参数添加到路径名

Posted

技术标签:

【中文标题】React Router Redirect - 将参数添加到路径名【英文标题】:React Router Redirect - add parameter to pathname 【发布时间】:2020-08-16 11:52:46 【问题描述】:

我使用 React Router Redirect,我有一个参数 newId,这是一个数字,我想将它添加到 url。例如如果“newId”是10,我想去“/admin/add-questions/10”。

如下所示,但:$newId 不起作用。它会将我重定向到“admin/add-questions/:$%7BnewId%7D”。我还尝试了:newId 和其他解决方案,但我找不到怎么做:(

render() 

    const newId = 10;

     return (
        <Redirect
          to= 
            pathname: '/admin/add-questions/:$newId',
            state:  key: 'value'  
        />
      );

【问题讨论】:

【参考方案1】:

考虑用反引号替换你的单引号,让模板文字正常工作。

pathname: `/admin/add-questions/$newId`,

【讨论】:

是的,就是这样!谢谢 :) 它也应该没有“:”,只有 $newId

以上是关于React Router Redirect - 将参数添加到路径名的主要内容,如果未能解决你的问题,请参考以下文章

[React] React Router: Redirect

使用 React Router <Redirect /> 不会重定向到任何地方,但是为啥呢?

react-router v4:以编程方式触发重定向(无需渲染 <Redirect />)

React:react-router-dom Redirect 不是重新加载页面,而是更改 URL

React-router-dom 和 Redirect 未添加到历史记录中?

react-router-dom之Redirect(重定向)理解