react跳出新页面的方法

这篇文章将为大家详细讲解有关react跳出新页面的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

目前创新互联公司已为1000多家的企业提供了网站建设、域名、网站空间、绵阳服务器托管、企业网站设计、凤阳网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

react跳出新页面的方法：1、本地页面不变跳转到新的页面，代码为【const w=window.open('about:blank')】；2、页面点击本地页面打开新页面，代码为【Back to login page】。

react跳出新页面的方法：

1、本地页面不变跳转到新的页面

<Button style={{backgroundColor:'#F0F2F5'}} 
onClick={this.handle}
className="last-button"
>
handle=()=>{
  const w=window.open('about:blank');
  w.location.href="www.baidu.com"
}

2、页面点击本地页面打开新页面

引入ant的Button组件

<Button style={{backgroundColor:'#F0F2F5'}} 
  onClick={()=>{window.location.href="https://baidu.com"}}
  className="r-button"
>

引入import {Link} from 'react-router-dom'

<Link to="/new/login/">
<Button className="e-button" type="primary">Back to login page</Button>
</Link>

关于“react跳出新页面的方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

网站栏目：react跳出新页面的方法
当前地址：https://www.cdcxhl.com/article10/jjjddo.html

成都网站建设公司_创新互联，为您提供自适应网站、搜索引擎优化、移动网站建设、面包屑导航、软件开发、手机网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联