React返回页面的方式有哪些

晶晶 • 02/16 22:30 • 开发 • 阅读 62

这篇文章主要介绍了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返回页面的方式有哪些”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注百云主机行业资讯频道。

相关推荐: java8的Lambda表达式怎么应用

这篇文章主要介绍“java8的Lambda表达式怎么应用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“java8的Lambda表达式怎么应用”文章能帮助大家解决问题。前片文章讲到,使用匿名类来表示不同的行为并不令人满意…