Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >React history.push允许用户在新选项卡中打开

React history.push允许用户在新选项卡中打开
EN

Stack Overflow用户
提问于 2018-06-16 09:43:50
回答 5查看 15.9K关注 0票数 11

导航栏中的页面之间的导航是使用onClick处理程序完成的,而不是通过hrefs完成的。在这样做时,我不能在新选项卡中单击中间键打开,也不能右键单击链接并选择“在新选项卡中打开”。我用的是反应性路由器-v4。

一个路线的例子。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<a onClick={() => this.props.history.push('/conference/')}>Conference</a>

是否有办法允许这种情况发生在反应中,或者我是否应该使用hrefs来代替?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2018-06-16 09:55:51

您可以使用<Link to='/conference'>Conference</Link>来完成此操作。

票数 5
EN

Stack Overflow用户

发布于 2018-06-16 09:51:13

您应该使用react路由器中的Link

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<Link to={`/conference`}>Conference</Link>
票数 3
EN

Stack Overflow用户

发布于 2018-06-16 09:50:45

您不使用Link组件有什么原因吗?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50890251

复制
相关文章
在React中如何使用history.push传递参数
第一种和第三种,在目标路由刷新后,参数还可以取到,但是第二种页面刷新后,参数就取不到了,第二种适合开发winform类的应用。
挥刀北上
2021/12/19
21.5K0
在React中如何使用history.push传递参数
React+TypeScript开发--环境搭建
打开Node.js的官网,它会自动识别所在的环境,推荐你下载相应版本,左侧是持久支持的稳定版本,右侧是最新版本。我用的是Mac所以这里进入下载的是Mac版。
用户6094182
2019/08/23
2.5K1
React+TypeScript开发--环境搭建
在sublime中打开iterm 转
2.菜单Sublime text -> Preferences -> Browse Packages
henrylee2cn
2019/04/04
1.4K0
Angular 允许ctrl+点击新窗口打开
客户希望使用Ctrl+点击链接在新窗口打开新页面。 经过调查可以实现,具体方式:
mafeifan
2019/05/10
2.5K0
巧用滑动选项卡,提升用户体验
目前针对移动设备的Cordova应用程序和渐进式的Web应用程序非常流行。提升用户体验和交互的关键是传递出原生的视觉效果和感觉,这并不总是一件容易的事情。当然,新建有样式装饰的多选复选框(checkboxes)和单选按钮(radio buttons)是很容易的,但是提供我们所追求的质量飞跃的真正特性是基于用户交互的。
疯狂的技术宅
2019/03/27
1.4K0
VS Code 在终端中打开项目
使用快捷键 command + shift + P 打开命令面板,输入 >install code 即可安装
轻量级云原生架构实验室
2022/12/05
3.2K0
linux允许root用户远程登录
#su命令和su -命令最大的本质区别就是:前者只是切换了root身份,但Shell环境仍然是普通用户的Shell;而后者连用户和Shell环境一起切换成root身份了。 $ su - #编辑sshd_config文件 $ vi /etc/ssh/sshd_config #添加配置,若有则注释掉即可 # Authentication: LoginGraceTime 120 #PermitRootLogin without-password PermitRootLogin yes StrictMode
ydymz
2021/01/05
13.6K0
炫酷到没朋友!苹果新专利可允许用户手势控制AR物体
有趣的是,新专利中出现了使用手控制3D元素图像变化的描述。 在正式推出ARKit平台后,苹果在增强现实领域的一举一动都备受关注。最近,外媒曝出一项与增强现实相关的苹果专利,可手势控制AR物体。 据悉,专利文件描述了一个可以通过穿过透明基板的激光,将光线转化为“结构光”图形的装置。该图形随后可以经过传感器检测,使设备测量前方物理结构的距离和形状。 有趣的是,该专利中出现了使用手控制3D元素图像变化的描述。如果苹果打造出具有3D测绘技术的设备,这或许意味着人们可以手势控制其AR功能。可以想象一下,未来通过软件以
镁客网
2018/05/30
6153
React push与repalce
在React中,push和replace方法是history对象的两个方法,用于在路由之间进行导航。这两个方法可以用于将用户从当前页面导航到新的页面,实现页面间的切换和跳转。
堕落飞鸟
2023/05/20
8300
React篇(052)-怎样在 React 中写注释?
React/JSX 中的注释类似于 JavaScript 的多行注释,但是是用大括号括起来。
齐丶先丶森
2022/12/05
2.4K0
React 16 新特性全解(中)
但是这个事件仅支持那些支持指针事件的浏览器,比如目前最新版本的Chrome,Firefox,Edge IE浏览器)。但是如果你的应用程序真的依赖这些事件,可以使用第三方的polyfill。因为React团队对了避免增大react的bundle size,所以没有放进去。
前端迷
2019/07/12
9260
React 16 新特性全解(中)
WPF 只允许打开一个实例
我们有时候只希望我们的程序只打开一个实例,也就是我们的软件只有一次被打开。 那么我们可以通过一个办法知道,在这个软件打开前是不是打开过一个,还没关闭。也就是是否存在另一个程序在运行。
林德熙
2018/09/18
1.2K0
如何设置谷歌浏览器在新窗口中打开链接?如何设置谷歌浏览器在新标签页中打开链接?
一、快捷键方式:   1、左键单击 ==》 在当前窗口中打开目标网页。   2、Shift + 左键单击 ==》 在新窗口中打开目标网页。   3、Ctrl + 左键单击 ==》 在新标签页中打开目标
黑泽君
2018/10/11
116.6K0
WPF 只允许打开一个实例
我们有时候只希望我们的程序只打开一个实例,也就是我们的软件只有一次被打开。 那么我们可以通过一个办法知道,在这个软件打开前是不是打开过一个,还没关闭。也就是是否存在另一个程序在运行。
林德熙
2022/08/04
4530
在 React 应用中获取数据
可以说 React 是构建 web 应用最流行的库。然而,它并不是全能的 web 框架。它只关注 MVC 中的 view 模块。
前端达人
2018/10/18
8.4K0
在 React 应用中获取数据
在React 中,什么是jsx?
JSX(JavaScript XML)是一种在 React 中用于描述用户界面的 JavaScript 语法扩展。在 JavaScript 代码中编写类似 HTML 的结构,以声明式地定义组件的外观和行为。
王小婷
2023/10/16
3170
(五)在 React 中绑定事件
# 🥥一、在 React 中绑定事件 接着上一章的案例,给他绑定事件,动态的切换 boolea # 🥮二、预热原生事件绑定 # 原生事件绑定的几种方式 <button id="btn1">按钮一</button> <button id="btn2">按钮二</button> <button onclick="demo()">按钮三</button> <script> // 方法一 兼容性最好 const btn1 = document.getElmentById('btn1') btn1.addEvent
老怪兽
2023/02/22
2.6K0
在React 中,如何创建refs?
在类组件中,可以使用 React.createRef() 方法来创建 ref 对象。通常,在组件的构造函数中将 ref 赋值给类的实例属性。
王小婷
2023/10/10
2090
只允许iframe框架打开网站 禁止直接打开网站PHP代码
<?php if( $_SERVER['HTTP_REFERER'] == "" ) { header('HTTP/1.1 403 Forbidden'); header("Content-Type
Z4
2020/04/21
1.7K0
点击加载更多

相似问题

在react中的新选项卡中没有打开history.push

12

React:在新选项卡中打开链接

223

防止在同一选项卡中打开链接,但允许在新选项卡中打开

12

如何允许用户右键单击按钮或链接按钮在新选项卡中打开

12

阻止用户在新选项卡中打开链接

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文