React-Router를 사용하여 외부 링크로 리디렉션하는 방법은 무엇입니까?
RedirectLinks는 경로 관리를 위해 React-Router를 사용하는 애플리케이션에 문제를 제시합니다. 단일 페이지 애플리케이션(SPA) 컨텍스트 내에서 작동하기 때문입니다. 이 문제를 해결하기 위해 우리는 사용자를 외부 리소스로 원활하게 리디렉션하는 솔루션을 제시합니다.
/privacy-policy를 방문하는 사용자를 example.zendesk.com/hc/en-us/articles/123456789로 리디렉션한다고 가정해 보겠습니다. -개인정보 보호정책. 일반 JavaScript는 if 문을 사용하여 이를 달성할 수 있지만 React-Router는 보다 우아한 접근 방식을 제공합니다.
한 줄 솔루션 소개:
{ window.location.href = 'https://example.com/1234'; return null; }} />
이 React 순수 구성 요소 개념은 구성 요소의 코드를 단일 함수로 압축합니다. 마크업을 렌더링하는 대신 단순히 브라우저를 외부 URL로 리디렉션합니다.
이 기술은 React Router 3 및 4와 모두 호환되므로 외부 링크 리디렉션을 React 기반 애플리케이션에 쉽게 통합할 수 있습니다.
부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.
Copyright© 2022 湘ICP备2022001581号-3