React-Router-dom 경로 점프를 구현하는 방법

react-router-dom 경로 점프 구현 방법: 1. 해당 js 파일을 엽니다. 2. useNavigate 메서드를 통해 경로 점프를 수동으로 작동합니다. 3. state 속성을 통해 경로 값을 전달하고 useLocation 메서드를 사용합니다. 매개 변수를 얻으려면.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

react-router-dom에서 경로 점프를 어떻게 구현하나요?

React-Router-dom 경로 점프

useNavigate

useNavigate 메소드는 경로 점프를 위해 수동으로 작동할 수 있으며 다른 페이지 간에 전환할 수 있습니다.

경로 값이 true이면 기록 항목이 생성되지 않습니다. stateRoute 값 전달, params 매개변수 전달replace 속성의 기본값은 false입니다. 교체:true} 로그인 페이지 기록 스택에 다른 항목을 생성하지 않도록 합니다. 즉, 보호된 페이지에 도달하여 "이전" 버튼을 클릭하면 로그인 페이지로 다시 돌아가지 않습니다. 상태 속성은 URL 뒤에 표시되지 않고 params 매개변수로 전달되어 전달됩니다. 페이지가 새로 고쳐지면 매개변수가 손실됩니다. 다른 페이지에서는 매개변수를 얻기 위해 useLocation 메소드를 사용합니다권장 학습: ""

CodeSandBox에서 사용해 보세요.
	react 비디오 튜토리얼

위 내용은 React-Router-dom 경로 점프를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!