react 使用props.history.push怎么样使url变化 阻止页面的刷新

使用props.history.push可以通过改变浏览器的URL来实现页面的跳转，但是无法阻止页面的刷新。如果想要实现页面跳转而不刷新页面，可以使用React Router库中的<BrowserRouter>或<HashRouter>组件来进行路由管理，这些组件可以实现单页应用（SPA）的跳转效果。在React Router中，使用<Link>或<NavLink>组件可以实现页面跳转而不刷新页面。例如：

import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";

function App() {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/about">About</Link>
            </li>
            <li>
              <Link to="/contact">Contact</Link>
            </li>
          </ul>
        </nav>
        <Switch>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/contact">
            <Contact />
          </Route>
          <Route path="/">
            <Home />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}

function Home() {
  return <h2>Home</h2>;
}

function About() {
  return <h2>About</h2>;
}

function Contact() {
  return <h2>Contact</h2>;
}

在这个例子中，使用<Link>组件实现了页面跳转，<Switch>组件用来匹配URL路径与对应的组件。这样就可以实现页面跳转而不刷新页面的效果。