如何使用帶有路由的瀏覽器后退按鈕返回組件？

Question

我可以通過路由成功地從Home組件轉到TacoTypes組件。 但是我正在努力的是使用瀏覽器后退按鈕從TacoTypes組件轉到Home組件，並進行路由。

/ChooseTruck是我嘗試從TacoTypes組件導航回它的路徑名。

我已經閱讀了文檔，並嘗試按照它進行操作，但它無法正常工作。 我怎樣才能做到這一點？

import React, { Component } from 'react';
import { Link, Route } from 'react-router-dom';
import Home from '../../components/Home/Home';

import Aux from '../../hoc/Aux';

class TacoTypes extends Component {
    render() {
        return (
            <Aux>
                <Link to={{pathname: '/ChooseTruck'}} />
                <Route path="/" exact component={Home} />
            </Aux>
        );
    }
}

export default TacoTypes;

Answer 1

首先，您可以使用Fragment組件而不是制作Aux 。 概念很簡單，它實際上與Aux相同，但是它是內置的，您可以立即使用它。 在這里閱讀更多

現在讓我們解決您的問題。 為什么您的路徑是/ChooseTruck ？ 我不太明白。 當你想使用導航返回首頁Link組件只是做路徑/ ，因為它是在下面的Route的組成部分。 此外，當您只想使用后退瀏覽器按鈕時，請使用它。

react-router-dom正在堆積路徑，因此，當您導航到TacoTypes組件並想要返回到先前的URL時，只需單擊瀏覽器按鈕，或與withRouter hoc一起使用，就可以得到goBack()方法，該方法也可以導航到先前的網址。