首页 > 解决方案 > React Router Redirect - 将参数添加到路径名

问题描述

我使用 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' } }}
        />
      );
}

标签: javascriptreactjsredirectreact-routerreact-router-dom

解决方案


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

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

推荐阅读