网站建设资讯

NEWS

网站建设资讯

React返回页面的方式有哪些

这篇文章主要介绍了React返回页面的方式有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇React返回页面的方式有哪些文章都会有所收获,下面我们一起来看看吧。

绥化ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

React返回页面有3种方式,分别是:1、通过“this.props.history.push('/home');”方式返回到上一级页面;2、通过“this.props.history.replace('/home');”方式返回页面;3、通过“window.history.back(-1);”返回页面。

React返回页面的几种方式?

react 移动端返回上一级页面的写法

移动端返回上一级页面的写法:

import React, {Component} from 'react';
import './style.less';
 
class Header extends Component {
 
    clickBackHandler (){
        // 返回到上一级页面的几种方法
        //第一种 this.props.history.push('/home');
        //第一种 this.props.history.replace('/home'); 但这两种方法都不好
        //第三种方法,推荐使用
        window.history.back(-1);
    }
 
    render() {
        return (
            
                {/*Header 公共头组件*/}
                
                    
                
                

{ this.props.title }

            
        );     } }   export default Header;

React返回页面的方式有哪些

关于“React返回页面的方式有哪些”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“React返回页面的方式有哪些”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


分享标题:React返回页面的方式有哪些
文章出自:http://cdweb.net/article/ppcijg.html

其他资讯