首页react-router-dom如何做到路由切换而不刷新整个页面，如何配置路由，举个例子

react-router-dom如何做到路由切换而不刷新整个页面，如何配置路由，举个例子

时间: 2023-03-06 18:00:28 浏览: 94

react-router-dom 嵌套路由的实现

5星 · 资源好评率100%

入口文件index.js： import React from "react" import ReactDOM from "react-dom" import App from "./App.jsx" import "babel-polyfill" const root = document.getElementById("app") if (root !== null) { ReactDOM.render(<App>, document.getElementById("app")) } 各个文件的详细位置：主要目录App.jsx: import React, { Fragme

React Router DOM 通过基于JavaScript的导航技术，可以实现路由切换而不刷新整个页面。只需要使用 React Router DOM 的<Link>组件，将你的页面中的链接替换为它就可以了。举例来说，你可以将这样的链接：<a href="user/1234">用户详情</a> 替换为这样：<Link to="user/1234">用户详情</Link>。这样就可以实现路由切换而不刷新整个页面。

阅读全文