使用react-router-dom在新标签页打开链接,而不是本页跳转

news2024/10/6 14:29:00

一般单页面应用,当你使用useNavigate时候的时候,用useNavigate来跳转,只能是在当前页面刷新跳转的,要想单独在一个tab页打开新页面,大概用三种方式。

第一种

使用link标签,配合target实现

<Link to="/record" target="_blank">
  /record
</Link>

第二种

使用a标签,配合target实现

<a href="/record" target="_blank">
  /record
</a>

第三种

使用window.open来实现

const navigateOutApp = () => window.open("/record", "_blank", "noreferrer");

...

<button type="button" onClick={navigateOutApp}>
  /record
</button>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1084942.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

求臻医学官网焕新升级

嗨&#xff0c;我的朋友们~ 求臻医学官网全面焕新升级了&#xff01; 新官网能否带给您更优质、更便捷的 在线服务体验&#xff1f; 来试试看吧&#xff01; “点击重新认识下我吧”&#x1f447; www.chosenmedtech.com 全新视觉界面 不一样的体验 新官网采用简洁大气的…

C++ PCL点云局部颜色变换

程序示例精选 C PCL点云局部颜色变换 如需安装运行环境或远程调试&#xff0c;见文章底部个人QQ名片&#xff0c;由专业技术人员远程协助&#xff01; 前言 这篇博客针对《C PCL点云局部颜色变换》编写代码&#xff0c;代码整洁&#xff0c;规则&#xff0c;易读。 学习与应用…

asp.net售后维修管理系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio

一、源码特点 asp.net 售后维修管理系统 是一套完善的web设计管理系统&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用B/S模式开发。开发环境为vs2010&#xff0c;数据库为sqlserver2008&#xff0c;使用c#语 言开发 asp.net售后维修管理系统1 二、…

网络安全就业形势怎么样?

泻药&#xff0c;以下都是我本人的肺腑之言&#xff0c;是答主深耕职场多年&#xff0c;转战数家公司总结周围朋友的从业经验才总结出来的行业真相&#xff0c;真心希望帮助到还没有步入职场的大家&#xff0c;尤其是24届的应届毕业生&#xff0c;多掌握些就业信息就能少走一些…

QQ打不开找不到VCRUNTIME140.DLL怎么办?VCRUNTIME140.DLL修复方法分享

在现代社会&#xff0c;即时通讯软件已经成为我们日常生活和工作中不可或缺的一部分。其中&#xff0c;QQ作为中国最受欢迎的即时通讯软件之一&#xff0c;为我们提供了方便快捷的交流方式。然而&#xff0c;在使用过程中&#xff0c;我们可能会遇到各种问题&#xff0c;其中之…

DOCKER本地仓库

概述 随着docker的应用越来越多&#xff0c;安装部署越来越方便&#xff0c;批量自动化的镜像生成和发布都需要docker仓库的本地化应用。 试用了docker的本地仓库功能&#xff0c;简单易上手&#xff0c;记录下来以备后用。 环境 centos&#xff1a;CentOS release 7.0 (F…

2023年中国视频流媒体行业发展历程及趋势分析:未来市场规模趋于平稳[图]

随着移动通信的发展和视频内容产业供给端的繁荣&#xff0c;流媒体视频平台已经成为互联网用户上网时长最长的应用之一。在线视频行业经历了十几年的规范发展阶段&#xff0c;在各大头部平台百花齐放的现状下&#xff0c;难以实现一家独大&#xff0c;但部分平台有领先优势&…

VP记录——The 2021 CCPC Weihai Onsite

网址 2021CCPC威海 赛时过题与罚时 A.Goodbye, Ziyin! 签到题&#xff0c;队友写的 #include<bits/stdc.h> using namespace std; int cnt[10], de[1000010]; int main() {int n;cin >> n;for(int i 1; i < n; i) {int u, v;scanf("%d %d", &…

Spring Boot自动加载

问&#xff1a;自动装配如何实现的&#xff1f; 答&#xff1a;简单来说就是自动去把第三方组件的Bean装载到IOC容器中&#xff0c;不需要开发人员再去写Bean相关的配置&#xff0c;在springboot应用里面只需要在启动类上去加上SpringBootApplication注解&#xff0c;就可以去实…

自动售货机销售数据分析与应用

⭐简单说两句⭐ 作者&#xff1a;后端小知识 CSDN个人主页&#xff1a;后端小知识 &#x1f50e;GZH&#xff1a;后端小知识 &#x1f389;欢迎关注&#x1f50e;点赞&#x1f44d;收藏⭐️留言&#x1f4dd; 摘要&#xff1a; 本案例将主要结合自动售货机的实际情况&#xff0…

天软特色因子看板(2023.10 第04期)

该因子看板跟踪天软特色因子A05005(近一月单笔流通金额占比(%)&#xff0c;该因子为近一个月单笔流通金额占比因子&#xff0c;用以刻画股票在收盘时&#xff0c;主力资金在总交易金额中所占的比重。。 今日为该因子跟踪第04期&#xff0c;跟踪其在SW801010 (申万农林牧渔) 中的…

浅述TSINGSEE视频技术与视频智能分析能力在城市治理中的典型应用场景

TSINGSEE青犀视频以“视频汇聚视频智能分析”为支撑&#xff0c;面向各委办局提供城市市域治理场景、城市基层治理场景的视频数字化、智能化、智慧化应用&#xff0c;推进城市治理体系和治理能力现代化。 安防视频汇聚系统EasyCVR视频综合管理平台支持接入与整合已建的社会视频…

MySQL 1 数据库概述知识

一、数据库概述 1. 为什么要使用数据库 持久化(persistence)&#xff1a;把数据保存到可掉电式存储设备中以供之后使用。大多数情况下&#xff0c;特别是企业级应用&#xff0c;数据持久化意味着将内存中的数据保存到硬盘上加以“固化”&#xff0c;而持久化的实现过程大多通…

美妆SDK哪家便宜?

在今天的数字化时代&#xff0c;人工智能和机器学习正在改变我们的生活。特别是在美妆行业&#xff0c;这些技术的应用已经开始改变消费者的购物习惯和企业的营销策略。为了满足这个需求&#xff0c;美摄推出了一款美妆SDK&#xff0c;专为企业提供技术支持。一、美摄美妆SDK具…

简单聊聊低代码

在数字经济迅速发展的背景下&#xff0c;越来越多的企业开始建立健全业务系统、应用、借助数字化工具提升管理效率&#xff0c;驱动业务发展&#xff0c;促进业绩增长。在这一过程中&#xff0c;和许多新技术一样&#xff0c;低代码&#xff08;Low-code&#xff09;开发被推上…

c++视觉检测------Shi-Tomasi 角点检测

Shi-Tomasi 角点检测 &#xff1a;goodFeaturesToTrack() goodFeaturesToTrack() 函数是 OpenCV 中用于角点检测的功能函数。它的主要作用是检测图像中的良好特征点&#xff0c;通常用于计算机视觉任务中的光流估算、目标跟踪等。 函数签名&#xff1a; void goodFeaturesTo…

【C++14算法】exchange和quoted

文章目录 前言一、exchange函数1.1 exchange函数简介&#xff1a;1.2 函数原型1.3 示例代码示例1&#xff1a;替换整数对象示例2&#xff1a;替换字符串对象示例3&#xff1a;替换自定义类型对象示例4&#xff1a;替换指针对象 二、quoted函数2.1 简介&#xff1a;2.2 示例代码…

uniapp左滑列表删除

目录 效果index.vuedelSlideLeft.vuedelRightIconfont.css参考插件最后 效果 index.vue 使用页面 引入封装的页面delSlideLeft.vue <template><view class""><view v-for"(item, index) in busOrderList" :key"index" :data-in…

Python 单元测试设置

单元测试检查特定代码单元或模块是否按照开发人员的预期执行。 大多数时候&#xff0c;我们测试的代码单元是一个函数。 同样&#xff0c;我们可以测试所有功能。 作为最佳实践&#xff0c;至少在开发过程中&#xff0c;我们应该进行单元测试。 因此&#xff0c;在开发过程的…