react跳出新页面的方法

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

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