나는 사용자가이 작업을 수행하여 브라우저의 주소 표시 줄에 이동하려고했던 URL로 사용자가-경로를 다시 시도하고 함께 처음으로 호출되지 렌더링 반응 서비스 메소드 호출. 쿠키에 세션이 유효 만료되거나없는 경우에는 401 개 상태를 반환하고 나는 사용자가 로그인하면 이 허용 로그인 화면으로 리디렉션합니다. 사용자가 로그인하지 않은 경우 로그인 화면으로 이동하
react Router v2에서 v4으로 업그레이드 한 다음 모든 것이 망가졌습니다! Google에서 오류를 검색하고 반응 라우터의 최신 버전이 완전히 다시 작성되었음을 알게되었습니다. 내 애플 리케이션을 업데이 트에 대한 문서를 따라하려했습니다. 그러나 공식 문서에서 코드를 복사하고 완벽하게 작동하지만 내 구성 요소와 구조로 작업 할 때 라우팅되지 않습니
반응 애플리케이션을 구축 중이며 Redux를 사용하여 상태를 관리하고 라우터 v4를 라우팅합니다. 모듈 bundler로 webpack을 사용합니다. 그리고 그것은이 구조를 가지고 있습니다. -Wrapper
-Home/
-Homepage /h
--GalleryContainer /h/gallery
---Gallery /h/gallery
반응 라우터 v4를 사용 중이며 '/'및 '/ view/: id'에 모두 표시되는 구성 요소가 있습니다. 공통 구성 요소에서 경로가 '/ view/: id'일 때 위치에 액세스 할 수 있지만 'id'매개 변수에 액세스 할 수있는 방법이 있는지 궁금합니다. 여기에 제가 사용하는 코드와 빠른 demo이 있습니다. <Router>
<div>
구성 요소는 NavLink 구성 요소 집합을 가지고 있으므로 활성화되어 있으면 스타일을 지정할 수 있습니다. 섹션을 수동으로 열거 나 닫아 덜 어지럽게 보일 수도 있습니다. 내가 원하는 것은 탐색에 많은 섹션이 있고 활성화 된 섹션이 NavLink 인 경우 열려야합니다. AdminNav.js 탐색 구성 요소. 기본적으로 NavLink의 목록입니다. 내가 a
고급 필터 구성 요소를 사용하여 사용자가 다른 유형의 필터와 링크를 공유 할 수 있도록 URL에 검색어 매개 변수를 추가합니다. 구성 요소를 withRouter()으로 내보낼 때 모든 것이 합법적 인 것 같습니다. 구성 요소 소품에 내역이 삽입됩니다. this.props.history.push({
pathname: this.props.histor
내가 연결 한 내-반응 생성 - 애플리케이션에와 npm run test을 실행에 라우터 4 반응 반작용 나는 다음과 같은 오류 얻을 : 나는 [email protected]을 사용하고 Warning: Failed context type: The context `router` is marked as required in `Switch`, but its val
상위 구성 요소에서 라우팅 할 때 보관해야하는 하위 구성 요소가 있습니다. 웹 검색은 대부분 "react-router"에 대한 답변이지만 "react-router-dom"(일명 React Router V4)을 사용하고 있습니다. Im 반응이 상당히 새롭고, 이것이 마운트 해제되지 않았거나 이와 유사한 것으로 플래그를 지정하는 것과 같이 매우 간단해야한다고
이 질문에 대한 답변을 많이 보았지만 답변을 살펴 보았지만 아직 멀지 않았습니다. 몇 가지 상용구를 만들었지 만 (왜냐하면 동일한 기본 코드를 반복 작성하는 것에 지쳤으므로) RR v4를 지나칠 수는 없습니다. 구체적으로는 params입니다. 이 상용구는 매우 간단합니다. 지금은 RR4를 사용하여 게시물로 이동하고 있지만 다른 슬러그로 게시물로 이동하더라도