react总结之react-router-dom

简介: react总结之react-router-dom

前言

接上篇博客


一、react-router-dom是什么?

它是基于react-router,加入了在浏览器运行环境下的一些功能:


 Link组件,会渲染一个a标签;


   BrowserRouter组件,使用pushState和popState事件构建路由;


 HashRouter组件,使用window.location.hash和hashchange事件构建路由。


 react-router-native: 基于react-router,类似react-router-dom,加入了react-native运行       环境下的一些功能。


二、使用步骤

1.首先安装react-router-dom

安装方法如下(示例):


首先要在你的项目里面打开cmd命令行输入

npm install react-router-dom --save


2.接下来我们就可以在package.json里看到这样一行代码(这就代表安装成功)


b7ce9fafb8634d2a9e3a696dbe59d147.png


总结

这就是react-router-dom安装的方法,react-router-dom制作路由的方法在我的博客里有写到


如何制作react的路由


相关文章
|
2月前
|
JavaScript 前端开发 算法
React技术栈-虚拟DOM和DOM diff算法
这篇文章介绍了React技术栈中的虚拟DOM和DOM diff算法,并通过一个实际案例展示了如何使用React组件和状态管理来实现动态更新UI。
38 2
|
3月前
|
JavaScript 前端开发 算法
react中虚拟dom和diff算法
在React中,虚拟DOM(Virtual DOM)和Diff算法是两个核心概念,它们共同工作以提高应用的性能和效率。
39 4
|
2月前
|
JavaScript 前端开发
react学习(3)创建虚拟dom的两种方式
react学习(3)创建虚拟dom的两种方式
167 67
|
29天前
|
JavaScript 前端开发 算法
React 虚拟 DOM 深度解析
【10月更文挑战第5天】本文深入解析了 React 虚拟 DOM 的工作原理,包括其基础概念、优点与缺点,以及 Diff 算法的关键点。同时,分享了常见问题及解决方法,并介绍了作者在代码/项目上的成就和经验,如大型电商平台的前端重构和开源贡献。
50 3
|
2月前
|
XML JavaScript 前端开发
学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
本文介绍了React的核心概念,包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
25 2
|
2月前
|
JavaScript 前端开发
react字符串转为dom标签,类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法,类似于Vue中的`v-html`指令,通过使用`dangerouslySetInnerHTML`属性实现。
76 0
react字符串转为dom标签,类似于Vue中的v-html
|
3月前
|
JavaScript 前端开发 容器
React基础入门之虚拟dom【一】
【8月更文挑战第14天】React基础入门之虚拟dom
39 0
React基础入门之虚拟dom【一】
|
3月前
|
JavaScript 前端开发
React——虚拟DOM创建的两种方式【二】
React——虚拟DOM创建的两种方式【二】
28 0
|
4月前
|
JavaScript
react18【系列实用教程】useRef —— 创建 ref 对象,获取 DOM (2024最新版)
react18【系列实用教程】useRef —— 创建 ref 对象,获取 DOM (2024最新版)
55 0
|
4月前
|
网络架构
react18【系列实用教程】react-router-dom —— 路由管理 (2024最新版)
react18【系列实用教程】react-router-dom —— 路由管理 (2024最新版)
96 0