> 웹 프론트엔드 > JS 튜토리얼 > React-router4.0은 리디렉션 및 404 기능을 구현합니다.

React-router4.0은 리디렉션 및 404 기능을 구현합니다.

php中世界最好的语言
풀어 주다: 2018-04-18 16:37:15
원래의
2286명이 탐색했습니다.

이번에는 리디렉션 및 404 기능을 구현하기 위해 React-router4.0을 가져왔습니다. 리다이렉션과 404 기능을 구현하기 위한 React-router4.0의 주의사항은 무엇인가요? 다음은 실제 사례입니다.

개발 중에는 리디렉션과 404가 매우 일반적으로 필요합니다. React-router4.0을 사용하면 리디렉션에 리디렉션을 사용할 수 있습니다

가장 일반적으로 사용되는 방법은 사용자 로그인 후 자동으로 홈페이지로 이동하는 것입니다.

rreee

위의 예제에서는 로그인 상태를 컴포넌트의 상태로만 사용하고 유지하므로, 이때는 redux 및 기타 데이터 상태 관리 라이브러리 사용을 고려해야 할 수도 있습니다. 데이터 관리에 편리합니다. 여기서 주의할 점은 기존의 로그인 방식은 쿠키를 사용하여 무질서하고 복잡한 세션ID 등을 저장하여 사용자 정보를 저장하는 경우 토큰을 사용할 경우 사용자 정보가 반환될 수 있다는 점입니다. sessionStorage 및 localStorage 사용자 정보(아바타, 사용자 이름 등 포함)를 저장하려면 다음과 같이 저장소에서 가져올 초기 상태를 지정해야 합니다.

404 페이지

를 지정하는 것도 매우 간단합니다. 404 페이지

의 구성 요소를 지정하려면 라우팅 시스템 끝에서 Route만 사용하면 됩니다. 경로에 지정된 모든 경로가 일치하지 않으면 404 페이지인 NoMatch 구성 요소가 로드됩니다. 이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. PHP 중국어 웹사이트에 관련 기사가 있습니다!

추천 자료:

js 프로토타입 객체 사용 단계에 대한 자세한 설명

js에서 요소 스타일을 설정하는 단계에 대한 자세한 설명

위 내용은 React-router4.0은 리디렉션 및 404 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿