react中点击跳转新页面的方法：1、页面点击本地页面打开新页面，引入ant的Button组件；2、本地页面不变跳转到新的页面。
本教程操作环境：windows7系统、React17版，该方法适用于所有品牌电脑。
相关学习推荐：react视频教程
react中点击跳转新页面的方法：
（一）、页面点击本地页面打开新页面
引入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>
(二)、本地页面不变跳转到新的页面
<Button style={{backgroundColor:'#F0F2F5'}}
onClick={this.handle}
className="last-button"
>
handle=()=>{
const w=window.open('about:blank');
w.location.href="www.baidu.com"
}相关学习推荐：javascript视频教程
以上就是react中怎么点击跳转的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
303
