प्रतिक्रिया राउटर रीडायरेक्ट ड्रॉप

Question

मैं प्रतिक्रिया राउटर के 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 मार्ग पर जाने के लिए मुझे कुछ और चाहिए?

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} /> 
    )} /> 
    ); 
}; 

के उपयोग का उदाहरण:

Answer 1

मैं रूटर 4 स्रोतों प्रतिक्रिया है, तो खुद वैकल्पिक हल बारे में ऐसी कोई तर्क पाया

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

Answer 2

यहाँ मैं क्या उपयोग कर रहे हैं, अन्य जवाब के समान है लेकिन एक निर्भरता के बिना:

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

Answer 3

आप ऐसा कर सकते हैं:

+०१२३५१६४१०

<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

मैं इस किया था, और यह काम किया:

<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>