如何确定是否可以使用 react-router 执行 goBack() 或 goForward()？

Question

如果用户已经导航到另一条路线，他可以导航回上一页。 如果用户已经导航回来，他可以向前导航到上一页。

在react-native，react-nativation 提供了 useNavigation 钩子，所以我可以简单地执行：

import React from 'react'
import { useNavigation} from 'react-navigation'

function Test()
{
    const navigation = useNavigation()
    return (
       
        <div>
            { navigation.canGoBack() && <button onClick=(() => navigation.goBack())>Go Back</button>
        </div>
        
    )
}

在ReactJS 中，react-router 提供了useHistory 钩子，所以我可以执行history.goBack() 但不能执行history.canGoBack()。

import React from 'react'
import { useHistory } from 'react-router'

function Test()
{
    const history = useHistory()
    return (
       
        <div>
            { history.canGoBack() && <button onClick=(() => history.goBack())>Go Back</button>

            {/* history.canGoBack() is not a function  */}

        </div>
        
    )
}

react-router 是否提供了让我们知道我们是否可以返回或前进的方法？

Answer 1

import {History} from 'react-router';
var canGoBack = (History.length > 1);

你能试试这个吗？我认为这可能会解决问题。