OKKY
커뮤니티
Q&A
지식
이벤트
Contact
부트캠프
Jobs
Search Bar
로그인
회원가입
react-router
전체
최신순
질문하기
해결
2
SDN
·
거의 3년
238
0
해결 2
react-router에서 navbar Outlet의 이전 state 살아 있게 하는 법
안녕하세요 Outlet과 react-router로 NavBar 컴포넌트를 구현중입니다. 테스트로 A . B 전환하다보니 B클릭 후 다시 A로 돌아오면 기존 A의 state들이 모두 초기화 되더라구요. B를 클릭해도 A의 state를 살아있게 할 수 있는 방법이 있을까요?
답변
2
그린티라떼
·
거의 3년
328
0
답변 2
세션스토리지 토큰 여부에 따른 헤더 분기 처리
로그인시 세션스토리지에 토큰을 저장하고, 토큰 여부에 따라 표시될 헤더를 다르게 하고 싶습니다. 세션 스토리지에 토큰이 저장된 이후에도 이전의 헤더가 표시됩니다. 어떻게 처리하면 될까요? function App() { let token = sessionStorage.getItem('token'); const [isToken, setIsToken] = useState(false); useEffect(()&#
답변
1
레모네이드
·
3년 이상
254
0
답변 1
React 라우팅 활용 상세페이지 구현
카카오 도서 API를 조회하여 리스트를 뿌려준 후좌측 도서명을 클릭하면 라우팅을 통해 상세페이지를 보여주도록 구현중입니다.현재 페이지 경로는 /book이며, 도서명 클릭 시 /book/:title로 라우팅 될때Book 컴포넌트의 조회된 상태값(bookList)을 prop으로 전달하여BookDetail 컴포넌트에서 리스트 중 선택한 title에 해당하는 정보만 상세페이지에 뿌려주고 싶습니
답변
0
짐니
·
거의 4년
330
0
답변 0
[해결완료]gh-pages로 배포시 router오류
document.location.href = '/book';부분을 useNavigate로 변경해서 했더니 정상적으로 돌아갑니다.
답변
1
이지현
·
4년 이상
400
0
답변 1
react-router-dom v6 에러문제 입니다 ㅠㅠ
서브라우터를 통해 이동하고자하는데... /elive 인 컴포넌트에서 <outlet>을 통해 정상적으
답변
1
assign
·
4년 이상
1.3k
0
답변 1
리액트 라우터 path 여러개 설정하기
안녕하세요 책을 가지고 리액트 라우터 공부를 하고 있습니다. 리액트 라우터에 아래와 같이 path에 컴포넌트가 동일한것이 여러개 일경우 path에 배열을 입력하라고 하는데, 아마 책의 버전느 5버전이고, 지금 버전이 6버전이라 달리진듯 싶습니다. 구글에 찾아봐도 잘 알수가 없어서 질문드립니다. 버전이 바뀌어서 안되는것인지, 어느부분에 문제가 있는것인지 궁금합니다. app 컴포넌트의 코드를 하단에 첨
답변
3
이지현
·
4년 이상
581
0
답변 3
리액트 중 react-router 특정 페이지 이동시 특정 컴포넌트 노출막는 방법좀요 ... ㅠㅠ
react-router 이 버전6이 되면서 switch가 없어져....특정 컴포넌트를 제외하여 로그인페이지를 노출하고자하는데 방법을 모르겠습니다...표시한 login 페이지로 라우팅
해결
3
치즈우유
·
4년 이상
2.0k
0
해결 3
리액트 라우터로 Auth 로직 짜는 법이 궁금합니다ㅜㅜ
안녕하세요! 팀원 한 분과 간단하게 로그인 회원가입이 가능한 작은 예약 프로그램을 만드는 중인데 제가 리액트를 배운지 얼마 안 됐고 로그인은 처음 만들어봐서 너무 어렵네요😂 메인은 로그인 화면이고 로그인이 성공적으로 되고 서버 쪽에서 쿠키 값이 확인되면 메인화면으로 이동하게 짜려고 하는데요. 로그인 후 서버에서 값은 잘 오는 상태고 라우트로 로그인 로직을 어떻게 구현할지 구글링해서 이것저것 찾아보다 session stor
답변
1
거부기뿌기
·
5년 이상
1.2k
0
답변 1
Cannot GET / 이슈 발생 원인은 무엇일까요?
react-router를 사용하다보면 새로고침시 "Cannot GET /" 이슈를 마주하기 마련입니다.예를들어, www.test.com이라는 사이트에서 /question이라는 url로 라우팅하면 www.test.com/question으로 잘 이동해서 렌더링도 이루어지지만, 이 상태에서 새로고침을하면 서버에는 www.test.com/question에 대한 자원이 없기 때문에 "Cannot GET /"이 발생합
해결
4
오징어먹물식빵
·
약 6년
686
0
해결 4
React Router 질문드립니다.
React는 빌드시 단일 html 파일이 되는 것으로 알고 있습니다.이 때 React Router를 이용해서 로그인을 구현했다고 해도, 로그인 페이지 로딩시에 이미 로그인 이후에 보여질 페이지가 사실은 로딩이 된 상태이고, 보여지지 않을 뿐인게 아닌지요?
답변
1
코린이
·
6년 이상
571
0
답변 1
react router 관련 질문하나드립니다!
react-router 에서보통 Link나 NavLink등등 버튼형식으로 페이지 이동을 구현을 하는데,버튼을 눌렀을때 api호출이라던지 로직을 하나 거쳐서 성공했을때에만 페이지 이동이 일어나게 하고 싶은데어떻게 해결해야할까요?현재는 성공여부를 따지는 state를 만들어서컴포넌트내에 성공여부 상태로 분기처리해서 성공하면 Redirect 컴포넌
답변
0
LeeCoder
·
6년 이상
552
0
답변 0
Next.js 환경 라우팅 문제 질문드립니다.
현재 next.js 프레임워크 환경에서 라우팅 문제 때문에 물어봅니다.next.js는 프로젝트 생성이 될떄 /pages 폴더안에 js파일을 만들면 자동으로 url이 생성되는 걸로 알고있습니다.현재 저의 디렉토리구조가 예를들어 -/pages -index.js -someFile.js-/components -mypages
답변
2
joshua9739
·
7년 이상
909
0
답변 2
리액트 stateless에서 onclick으로 페이지 이동 문의
stateless함수인데요Tr에서 onClick으로 함수 호출하여 다른 페이지로 이동하고 싶은데요Url은 변경이 되는데 바로 이동이 되질않네요 다른 방법이 있나요?pre style="font-family:'굴림체
답변
2
JJunpro
·
7년 이상
1.8k
0
답변 2
react , react-router 유저 페이지 보안 질문
안녕하세요 react , react-router 보안으로 궁금한게 있어서 질문합니다.웹에서 로그인을하면 user id 가 담긴 token 을 session 에 저장하는 방식으로 마이페이지 접근시 session 확인후 해당 페이지를 접근하도록 했습니다.근데 문제가 크롬 개발자에서 session 을 강제적으로 지우고 다시 들어가거나 or 뒤로가기로 접근하면
Search Bar
