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中文网其它相关文章!
已抢111456个
抢已抢47286个
抢已抢133923个
抢已抢32468个
抢已抢373个
抢已抢932个
抢