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、页面点击本地页面打开新页面
由于精力有限，程序更新比较慢，请大家谅解，再次感谢支持taycms的朋友们，虽然比较慢，我们还是会一直更新下去的。谢谢您的关注。有什么建议可以到论坛提出，或者直接给我QQ留言。 2.0会有很多新功能，请关注官方论坛TayCMS 1.8 升级日志此版本修复了不少BUG1.更换图片切换JS ， 不会再有错误提示2.增加资料下载模块3.更换默认模版，使程序功能和页面结构更清晰，方便参考制作模版4.修复留
0
引入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号
243
收藏
