Chuyển hướng bộ định tuyến phản ứng giảm param

Question

Tôi đang sử dụng phiên bản next của Bộ định tuyến phản ứng và có vẻ như đang giảm tham số. Tôi hy vọng chuyển hướng bên dưới giữ lại giá trị của channelId, nhưng tuyến đường to sử dụng chuỗi ký tự ":channelId" trong đường dẫn thay thế.

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

Điều này trông giống như resolved issue, nhưng không hoạt động. Có điều gì khác tôi cần phải chuyển đến tuyến đường to không?

Answer 1

tôi thấy không có logic như vậy trong Phản ứng Router 4 nguồn khác nhau, nên viết workaround riêng:

import pathToRegexp from 'path-to-regexp'; 
import { Route, Switch, Redirect } from 'react-router-dom'; 

const RedirectWithParams = ({ exact, from, push, to }) => { 
    const pathTo = pathToRegexp.compile(to); 
    return (
    <Route exact={exact} path={from} component={({ match: { params } }) => (
     <Redirect to={pathTo(params)} push={push} /> 
    )} /> 
    ); 
}; 

sử dụng ví dụ:

<Switch> 
    <RedirectWithParams 
     exact from={'/resuorce/:id/section'} 
     to={'/otherResuorce/:id/section'} 
    /> 
</Switch> 

Answer 2

Dưới đây là những gì tôi đã sử dụng, tương tự như câu trả lời khác nhưng không có sự phụ thuộc:

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

Answer 3

Bạn có thể thực hiện việc này:

<Switch> 
    <Route exact path="/" component={Landing} /> 
    <Route path="/channels/:channelId/modes/:modeId" component={Window} /> 
    <Route 
    exact 
    path="/channels/:channelId" 
    render={({ match }) => (
     <Redirect to={`/channels/${match.params.channelId}/modes/window`} /> 
    )} 
    /> 
</Switch> 

Answer 4

Tôi đã làm điều này, và nó làm việc:

<switch> 
 
    <Route path={`/anypath/:id`} component={Anycomponent} /> 
 
    <Route 
 
     exact 
 
     path="/requestedpath/:id" 
 
     render={({ match }) => { 
 
     if (!Auth.loggedIn()) { 
 
      return <Redirect to={`/signin`} />; 
 
     } else { 
 
      return <Redirect to={`/anypath/${match.params.id}`} />; 
 
     } 
 
     }} 
 
    /> 
 
</switch>