javascript - React Router Redirect 丢弃参数

标签 javascript reactjs routes react-router

我正在使用 React Router 的 next 版本,它似乎正在删除参数。我希望下面的重定向保留 channelId 的值,但 to 路由在路径中使用文字字符串“:channelId”。

<Switch>
  <Route exact path="/" component={Landing} />
  <Route path="/channels/:channelId/modes/:modeId" component={Window} />
  <Redirect
    from="/channels/:channelId"
    to="/channels/:channelId/modes/window" />
</Switch>

这看起来像一个 resolved issue ,但它不起作用。我还需要将其他东西传递给 to 路线吗?

最佳答案

这是我一直在使用的,类似于其他答案但没有依赖性:

<Route
  exact
  path="/:id"
  render={props => (
    <Redirect to={`foo/${props.match.params.id}/bar`} />;
  )}
/>

关于javascript - React Router Redirect 丢弃参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43399740/

相关文章:

algorithm - 如何为 AB 测试分流基于百分比的流量?

javascript - 如何在 express 中将 url 作为 "url parameter"传递?

javascript - 传递的参数可以是显式 'undefined' 也可以不传递

javascript - React Typescript如何发送 Prop 并在子组件中使用它

Laravel 5.2 MethodNotAllowedHttpException 无法发布数据

javascript - 如何将格式从字符串日期更改为 utc

javascript - 仅当表单提交后从另一个路由重定向时,才在路由上渲染组件

javascript - 如何在 Angular $http 响应中捕获格式错误的 JSON?

javascript - 如何在上传pdf文件时在浏览器中显示pdf文件

javascript - Chrome 扩展程序将数据保存到本地文件