這篇文章主要介紹了React返回頁面的方式有哪些的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇React返回頁面的方式有哪些文章都會(huì)有所收獲，下面我們一起來看看吧。

綏化ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

React返回頁面有3種方式，分別是：1、通過“this.props.history.push('/home');”方式返回到上一級(jí)頁面；2、通過“this.props.history.replace('/home');”方式返回頁面；3、通過“window.history.back(-1);”返回頁面。

React返回頁面的幾種方式？

react 移動(dòng)端返回上一級(jí)頁面的寫法

移動(dòng)端返回上一級(jí)頁面的寫法：

import React, {Component} from 'react';
import './style.less';
 
class Header extends Component {
 
    clickBackHandler (){
        // 返回到上一級(jí)頁面的幾種方法
        //第一種 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>
                <h2>{ this.props.title }</h2>
            </div>
        );
    }
}
 
export default Header;

關(guān)于“React返回頁面的方式有哪些”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“React返回頁面的方式有哪些”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：React返回頁面的方式有哪些
網(wǎng)站網(wǎng)址：http://chinadenli.net/article26/ppcijg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、動(dòng)態(tài)網(wǎng)站、域名注冊(cè)、手機(jī)網(wǎng)站建設(shè)、小程序開發(fā)、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)