codestates / codestates/aneun-dongne
[Error Handling Log] 리액트 SPA 새로고침 시 빈화면 / 윤해용
Open
Error Handling Log
- Dominant language
- JavaScript
- Stars
- 6
- Forks
- 7
- PR merge metrics
- No merged PRs in 30d
Description
> ### 어떤 에러인가요?
> 리액트 SPA 구현 중 다른 라우트 페이지로 간 다음에 새로고침을 누르면 흰화면만 나오는 에러.
> ### 에러 메시지
> ```jsx
>
> ```
>
> ### 에러 핸들링 방법
> * path를 exact path로 적었는데, 다른 라우트로 가면 흰화면이 나왔다. ```exact``` 가 붙어있으면 주어진 경로와 정확히 맞아 떨어지는 컴포넌트만 보여준다. 그래서 ```/mypage/like```, ```/mypage/visited``` 같이 뒤에 붙는 주소들은 ```/mypage```와 다른 주소라서 페이지가 빈화면으로 나오는 것이었다. ```exact path``` 대신 ```path```를 적어서 뒤에 오는 주소들도 라우팅되게 해주는 식으로 오류를 해결했다.
> ```jsx
>
> ```
>
> ### 에러 핸들링을 위해 참고한 레퍼런스 링크
> [https://react-router.vlpt.us/1/04.html](https://react-router.vlpt.us/1/04.html)
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.