当前第2页 返回上一页
引入ant的Button组件
1 2 3 4 | <Button style={{backgroundColor: '#F0F2F5' }}
onClick={()=>{window.location.href= "https://baidu.com" }}
className= "r-button"
>
|
引入import {Link} from 'react-router-dom'
1 2 3 | <Link to= "/new/login/" >
<Button className= "e-button" type= "primary" >Back to login page</Button>
</Link>
|
(二)、本地页面不变跳转到新的页面
1 2 3 4 5 6 7 8 | <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中怎么点击跳转的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
跨React域问题怎么解决
React全家桶都有什么
怎么理解React
weex和React native的区别是什么?
如何解决webstorm创建React失败问题
React怎么mock数据
React中怎么获取state
React developer tools是什么?
使用React怎么遍历数组
React子向父通信有哪些方法?
更多相关阅读请进入《React》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » react中怎么点击跳转