Reactjs 如何使用react router dom使用后退按钮/链接单击返回上一页

Reactjs 如何使用react router dom使用后退按钮/链接单击返回上一页,reactjs,react-router-v4,Reactjs,React Router V4,我使用的是React 15.6和React路由器4 我在应用程序A、B、form1、form2、C中有5个页面。form1和form2有后退和下一步按钮。 下面是导航流程- (A/B)-->form1-->form2-->C 用户可以从A或B进入form1 我的问题是-如果用户从A到form1,然后到form2,那么当返回到以前的页面时,用户如何在单击form1上的“后退”按钮时再次转到A 如果只有一个,那么我们可以使用 在form1后退按钮上单击 但若我们有A和B作为可能的路径,那个么我们就

我使用的是React 15.6和React路由器4

我在应用程序A、B、form1、form2、C中有5个页面。form1和form2有后退和下一步按钮。 下面是导航流程-

(A/B)-->form1-->form2-->C

用户可以从A或B进入form1

我的问题是-如果用户从A到form1,然后到form2,那么当返回到以前的页面时,用户如何在单击form1上的“后退”按钮时再次转到A

如果只有一个,那么我们可以使用

在form1后退按钮上单击

但若我们有A和B作为可能的路径,那个么我们就不能决定用户是从A还是B来到form1


在这种情况下,我们如何管理之前的路径状态,可以提供一些帮助。

我相信您的情况与auth示例非常相似,在auth示例中,您必须记住用户来自的页面

在页面A和页面B中,您可以添加一个链接,其中

<Link 
  to={{ 
    pathname: '/form1',
    state: { from: props.location } // or '/A' or '/B'
  }}
/>
如果您需要转到Form2并仍然记住这条路径,那么您可能应该继续传递状态

<Link to={props.location.state.from}>
  Back
</Link>