react(二)
2021/11/23 23:10:38
本文主要是介绍react(二),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
React路由
前端路由原理
- BOM上有一个history属性 专门用于管理浏览器额路径、历史记录等 我们可以直接操作 但是写起来麻烦 所以我们借用一个库来操作
- 路由器router用于管理路由route
- 浏览器的历史记录是一个栈的结构 你看到的页面就是栈顶的页面 你点击一个链接 就是往栈中push一个URL push的话可以后退 就是弹出当前页面 你点击一个链接 也可能是replace栈顶的URL 此时后退返回的是上上一个页面 因为上一个页面已经被取代了
- history.push可以往栈中推入一个URL
- history.listen可以监听路径的变化
- history.back后退
- history.forward前进
- 前端路由靠的就是BOM身上的history
- 锚点跳转不会刷新页面但是会留下历史记录
- history有两种工作模式:
(1)let history = History = History.createBrowserHistory()// 方法一 直接使用H5推出的history身上的API
(2)let history = History.createHashHistory()// 方法二 hash值(锚点)
react-router-dom的理解
- 安装:
npm i react-router-dom --save
这篇关于react(二)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28基于Python+Vue开发的口腔牙科预约管理系统
- 2024-09-28基于Python+Vue开发的酒店客房预订管理系统
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践