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视频教程
以上就是react怎么跳出新页面的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
380
