[react-router] React-Router的<Link>标签和<a>标签有什么区别

Link 组件最终会渲染为 HTML 标签 <a>,它的 to、query、hash 属性会被组合在一起并渲染为 href 属性。虽然 Link 被渲染为超链接,但在内部实现上使用脚本拦截了浏览器的默认行为,然后调用了history.pushState 方法。

Link 只负责触发 url 变更,Route 只负责根据 url 渲染组件

相比于 <a> 标签,<Link> 避免了不必要的渲染

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[react-router] React-Router的<Link>标签和<a>标签有什么区别相关推荐

  1. 【React+ts】从零开始搭建react函数式组件+router+redux+less+sass+axios反向代理+antd(保姆式教学)

    前提 你需要准备好node.js版本不低于6.14.8 和 git 文章内容比较长(保姆级别教程),全是干货,请耐心看完 通过create-react-app脚手架搭建项目 1.第一步 注: 项目名称 ...

  2. 玩转 React(四)- 创造一个新的 HTML 标签

    在第二篇文章 <新型前端开发方式> 中有说到 React 有很爽的一点就是给我们一种创造 HTML 标签的能力,那么今天这篇文章就详细讲解下 React 是如何提供这种能力的,作为前端开发 ...

  3. React中Fragment标签和空标签的使用(vue中的template标签类似)

    Fragment作用: 类似于vue中的template标签,将当前dom不渲染后页面.在多层循环中可以添加key属性,其他属性不可以添加.不然会警告,提示只能有key属性和children vdom ...

  4. 【React】React 详细教程

    前言 1.react与vue的对比 1.1.什么是模块化 是从代码的角度来进行分析的 把一些可复用的代码抽离为单独的模块:便于项目的维护和开发 1.2.什么是组件化 是从UI界面角度来进行分析的 把一 ...

  5. 【尚硅谷React】——React全家桶笔记

    文章目录 第1章 React简介 1.1 React的特点 1.2 引入文件 1.3 JSX 1.3.1 为什么要用JSX 1.3.2 JSX语法规则 1.4 虚拟DOM 1.5 模块与组件 1.5. ...

  6. React系列——React Context

    前言 我们先看一下React中,父子组件通信的机制,父子组件的通信是通过props进行数据的传递: 1.父组件向子组件传递数据(状态)时,是在调用子组件的时候通过参数传递给子组件,子组件通过this. ...

  7. 【React】React全家桶(四)React脚手架

    文章目录 1 使用create-react-app创建react应用 1.1 React脚手架 1.2.创建项目并启动 1.3 react脚手架项目结构 1.4 组件化编码流程 2 脚手架版 Hell ...

  8. [译] How to NOT React:React 中常见的反模式与陷阱

    原文地址:How to NOT React: Common Anti-Patterns and Gotchas in React 原文作者:NeONBRAND 译文出自:掘金翻译计划 本文永久链接:g ...

  9. 如何使用 React 和 React Hooks 创建一个天气应用

    大家好,我是若川(点这里加我微信 ruochuan12,长期交流学习).今天推荐一个练手的React项目,创建天气应用,相信很快能看完.昨天发送书掉粉18人,是我没想到的,送书一般是出版社按阅读量赞助 ...

  10. 小谈React、React Native、React Web

    React有三个东西,React JS 前端Web框架,React Native 移动终端Hybrid框架,React Web是一个源码转换工具(React Native 转 Web,并之所以特别提出 ...

最新文章

  1. python 调用 javascript函数
  2. cisco与h3c的console、vty配置比较
  3. mysql动态配置数据源_Spring整合Mybatis实现动态数据源切换教程配置
  4. java后端工程师平时开发或多或少会用到eclipse,那么它有哪些快捷键呢
  5. 宝塔php gd库,宝塔面板安装 EasyImag – 一款最简单图床的安装体验
  6. [改善Java代码]非稳定排序推荐使用List
  7. 鸿蒙os来了,华为操作系统“鸿蒙OS”来了!
  8. js中html标签变文字颜色,javascript – 更改contenteditable div中文本的颜色
  9. iptables随笔
  10. 几种在Linux下查询外网IP的办法(转)
  11. #SQL1242错误
  12. cisco路由器设置用户名和密码的几种方式
  13. js-入门(字符串-运算符) html常用命令代码行
  14. Markov链:初始概率、绝对概率
  15. 怎么在电脑端下载和编辑哔哩哔哩的视频
  16. JAVA射线_射线法 - 萌德真帅 - 博客园
  17. 对产品经理来说,在求职的时候,PMP和NPDP两个证书,哪一个权威性比较高,含金量比较大?
  18. linuxconfig文件
  19. oracle段的集合称为,oracle 集合和成员函数 (plsql表也被称为索引表)
  20. 基石为勤能补拙的迷宫之旅——第十五天(Python模块)

热门文章

  1. Spring—集成Junit
  2. leetcode面试题 08.04. 幂集(递归)
  3. 目录指南中的Python列表文件-listdir VS system(“ ls”)通过示例进行解释
  4. mysql 时间推移_随着时间的推移可视化COVID-19新案例
  5. 《火球——UML大战需求分析》(第1章 大话UML)——1.5 小结和练习
  6. Sort HDU5884(二分+多叉哈夫曼树)
  7. 使用web3j构建以太坊钱包
  8. C# 关于MVC框架的简单实例(计算器)
  9. 关于页面图表相应式的问题,问题遇见时间,9月1日,到今天9月2日,尚未解决...
  10. Bootstrap(七):CSS--图片