Mehrere Möglichkeiten, die Seite in React zurückzugeben

React bietet drei Möglichkeiten, zur Seite zurückzukehren: 1. Rückkehr zur vorherigen Seite über „this.props.history.push(‘/home‘);“ 2. Über „this.props.history. Return“. die Seite durch replace('/home');"; 3. Geben Sie die Seite durch "window.history.back(-1);" zurück.

Die Betriebsumgebung dieses Tutorials: Windows7-System, React18.0.0-Version, Dell G3-Computer.

Auf wie viele Arten kehrt React zur Seite zurück?

reagieren So schreiben Sie die mobile Version, um zur vorherigen Seite zurückzukehren

So schreiben Sie die mobile Version, um zur vorherigen Seite zurückzukehren:

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;

Empfohlenes Lernen: „Video-Tutorial reagieren“

Das obige ist der detaillierte Inhalt vonMehrere Möglichkeiten, die Seite in React zurückzugeben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!