Beberapa cara untuk mengembalikan halaman dalam React

React mempunyai tiga cara untuk kembali ke halaman, iaitu: 1. Kembali ke halaman sebelumnya melalui "this.props.history.push('/home');" 2. Kembali ke halaman sebelumnya melalui "ini. Kembali ke halaman melalui props.history.replace('/home');"; 3. Kembali ke halaman melalui "window.history.back(-1);".

Persekitaran pengendalian tutorial ini: Sistem Windows 7, bertindak balas versi 18.0.0, komputer Dell G3.

Berapa banyak cara React kembali ke halaman?

Cara menulis terminal mudah alih bertindak balas untuk kembali ke halaman sebelumnya

Terminal mudah alih untuk kembali ke halaman sebelumnya:

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;

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Beberapa cara untuk mengembalikan halaman dalam React. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!