React返回页面的几种方式

来源:php中文网 | 2022-10-25 18:06:39 |


(资料图片)

前端(vue)入门到精通课程:进入学习Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境:windows7系统、react18.0.0版、Dell G3电脑。

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 (            <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返回页面的几种方式的详细内容,更多请关注php中文网其它相关文章!

关键词: React