Rumah > Artikel > hujung hadapan web > react怎么跳出新页面
react跳出新页面的方法:1、本地页面不变跳转到新的页面,代码为【const w=window.open('about:blank')】;2、页面点击本地页面打开新页面,代码为【Back to login page】。
本教程操作环境:windows7系统、React17版,DELL G3电脑。
推荐:react视频教程
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>
相关免费学习推荐:javascript视频教程
Atas ialah kandungan terperinci react怎么跳出新页面. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!