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>
react-router-dom中的Link可以实现页面跳转，一般适用于，点击按钮或其他组件进行页面跳转。
(二)本地页面不变跳转到新的页面
<Button style={{backgroundColor:'#F0F2F5'}}
onClick={this.handle}
className="last-button"
>
handle=()=>{
const w=window.open('about:blank');
w.location.href="www.baidu.com"
}更多web前端开发知识，请查阅 HTML中文网 ！！
以上就是react中怎么实现点击跳转页面？的详细内容，更多请关注易知道|edz.cc其它相关文章！
