React는 페이지로 돌아가는 세 가지 방법이 있습니다. 1. "this.props.history.push('/home');"을 통해 이전 페이지로 돌아갑니다. 2. "this.props.history. Return"을 통해; 3. "window.history.back(-1);"을 통해 페이지를 반환합니다.
이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!