React返回页面的方式有哪些

这篇文章主要介绍了React返回页面的方式有哪些的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇React返回页面的方式有哪些文章都会有所收获，下面我们一起来看看吧。 React返回页面有3种方式，分别是：1、通过“this.props.history.push(‘/home’);”方式返回到上一级页面；2、通过“this.props.history.replace(‘/home’);”方式返回页面；3、通过“window.history.back(-1);”返回页面。React返回页面的几种方式？react 移动端返回上一级页面的写法移动端返回上一级页面的写法：

importReact,{Component}from'react';
import'./style.less';

classHeaderextendsComponent{

clickBackHandler(){
//返回到上一级页面的几种方法
//第一种this.props.history.push('/home');
//第一种this.props.history.replace('/home');但这两种方法都不好
//第三种方法,推荐使用
window.history.back(-1);
}

render(){
return(

{/*Header公共头组件*/}



{this.props.title}

);
}
}

exportdefaultHeader;

关于“React返回页面的方式有哪些”这篇文章的内容就介免费云主机、域名绍到这里，感谢各位的阅读！相信大家对“React返回页面的方式有哪些”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注云技术行业资讯频道。

相关推荐: vue中父组件和子组件怎么通讯

这篇文章主要介绍“vue中父组件和子组件怎么通讯”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue中父组件和子组件怎么通讯”文章能帮助大家解决问题。 一、单向数据流在 Vue.js 中，父组件向子组件传递数据一般采用…