js中的返回按钮并刷新页面

// 添加一个新的历史记录条目
window.history.pushState({ page: "example" }, "Example Page", "/example");

// 监听popstate事件
window.addEventListener('popstate', function(event) {
    if (event.state && event.state.page === "example") {
        // 处理返回按钮的行为，例如更新页面内容而不是刷新
        updatePageContent();
    }
});

function updatePageContent() {
    // 更新页面内容的逻辑
    console.log("Updating page content...");
}

// 使用React Router的示例
import { BrowserRouter as Router, Route, Link, useHistory } from 'react-router-dom';

function App() {
    return (
        <Router>
            <nav>
                <Link to="/">Home</Link>
                <Link to="/about">About</Link>
            </nav>
            <Route path="/" exact component={Home} />
            <Route path="/about" component={About} />
        </Router>
    );
}

function Home() {
    const history = useHistory();

    function handleBack() {
        history.goBack();
    }

    return (
        <div>
            <h1>Home Page</h1>
            <button onClick={handleBack}>Go Back</button>
        </div>
    );
}