퀴즈app 을 만들면서 라우팅을 적용시키는 과정에서 알게된 점을 정리해보겠다.
시작화면에서 이름을 입력하고 시작하기 버튼을 누르면 퀴즈페이지로 넘어가는 기능.
시작화면이 Start.js 컴포넌트이다.
그리고 App.js 파일이다. 처음 시작하면 path="/" 로 라우팅되어서 시작화면이 나오게 됨. 그리고 다시 Start.js 의 부분을 보면
Start.js 에는 Route 를 import 해주고있지않고, moveQuizPage 함수에서 useHisroty로 페이지 이동을 시키고 있음. 작동되지않을거라고 생각했는데 문제없이 라우팅이 동작하였음. 아무래도 App.js 에서 Start.js 를 import해서 사용하고있기때문에 작동되는 거라고 생각하고있음. 공부한지 얼마 되지않아 확실하지는 않지만 일단 이 부분에 대해서는 기록을 해두겠음.
[리액트] 영화 API 연동해보기_axios (0) | 2022.02.25 |
---|---|
[리액트]'버킷리스트' useHistory_goBack() 에러 (0) | 2022.02.08 |
[리액트] 라우터 V5 -> V6로 되면서 멘붕왔던 부분 + 복붙해서 생긴 에러 (0) | 2022.02.02 |
[리액트] styled components (0) | 2022.01.26 |
[리액트] 배열 렌더링 (0) | 2022.01.25 |