如何重定向页面而不嵌套中的url

Question

在我的应用程序中，我使用v5进行路由。在某些情况下，我有这样的路线：

checkup/step-1/:id
checkup/step-2/:id
checkup/step-3/:id

例如，我在checkup/step-1/:id，所以我想从那里重定向到checkup/step-2/:id。要重定向，我使用hisory.push()。但结果却变成了这样：

checkup/step-1/:id/checkup/step-2/:id

但我的预期结果是：

checkup/step-2/:id

Answer 1

一开始使用/。

例如：

history.push('/checkup/step-2/:id')

而不是

history.push('checkup/step-2/:id')

Answer 2

您可以使用由react路由器-dom提供的Redirect组件。

例：

import {Redirect} from 'react-router-dom'
function MyComponent (){
  return (
    <>
      {condition && <Redirect to='/your-desire-path'/>}
      <MyOtherStaff/>
    </>
  )
}