[웹 프론트 엔드 (원본 페이지로 돌아) 반환하기 전에 로그인 후 router4.0 검색 페이지를 반응

이 링크 : HTTPS : //blog.csdn.net/zeroyulong/article/details/81911704
오랫동안 문제로 고민이 마침내 공식 문서에서 답을 발견 (정말 불편 영어 설명서를 참조 아 ~ ~)

공식 문서 주소 : HTTPS : //reacttraining.com/react-router/web/example/auth-workflow

1. 소스 페이지 이동 로그인 버튼 :

이 페이지는 경로의 라우팅 상태로 저장됩니다

<= 링크 {{ 
    경로 : "/ 로그인", 
    상태 : {에서 : this.props.location.pathname} 
}} 클래스 명 = "이름 -로드">去登录</ 링크>

  


로깅이 완료되면 2 페이지의 소스의 로그인 페이지로 이동이 페이지의 소스로 리디렉션 (로그인 페이지로 사용자가 직접 액세스, 당신은 상태를 얻을 수없는 경우 페이지의 소스는, 당신이 기본 홈 페이지를 제공할지 여부를 결정 사용자 이동)

// 원점 기록 
;에서하자를 
IF (! This.props.location.state = NULL) { 
    = this.props.location.state.from에서 
} 
const를 || '/ 앱'에서 = urlTo, 

수익을 ( 
    <DIV> 
        { this.props.isAuth <urlTo로 리디렉션} = {/> :? 널 (null)}는 
        <ρ->은 권한이 없습니다, 당신이보고 로그인해야 </ ρ-> 
        <this.props.login 버튼의 onclick = {}> 점 I 로그 </ 버튼> 
    </ DIV> 
)

 

추천

출처www.cnblogs.com/0616--ataozhijia/p/11351528.html