react
如何返回到上一级页面,下面web建站小编介绍几种返回页面的简单写法!
代码如下:
import React, {Component} from 'react'; class Header extends Component { clickBackHandler (){ // 返回到上一级页面的几种方法 //第一种 this.props.history.push('/home'); //第一种 this.props.history.replace('/home'); 但这两种方法都不好 //第三种方法,推荐使用 window.history.back(-1); } render() { return ( <div id="common-header"> {/*Header 公共头组件*/} <span className="back-icon"> <i className="icon-chevron-left" onClick={ this.clickBackHandler }></i> </span> <h1>{ this.props.title }</h1> </div> ); } } export default Header;
标签: react
上面是“react介绍几种返回页面的简单写法”的全面内容,想了解更多关于 reactjs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2552.html
workflows工作流
一个孤独的斗篷人物站在一座巨大的雕塑旁
一盒用五颜六色的食材烹制的热气腾腾的寿司
外星人ComfyUI工作流
一条赤壁龙从蛋中孵化出来ComfyUI工作流
一个女人站在海边的岩石上,飞来一只鸟
一座千年九尾白狐玉雕ComfyUI工作流
半透明的玻璃苹果ComfyUI工作流
一辆停在混凝土墙前运动型SUV捷豹概念车
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!