React 페이지 전환시 Reload 이슈

영화 사전 웹을 만들면서

메인 페이지의 검색 바에서 검색어를 Submit 했을 때,

Search 페이지에서 값을 받아 결과를 반영해주고자 했다.

 

값은 잘 넘어오지만 Reload 되지 않은 화면만 나왔다.

 

 

위 코드로 메인 페이지에서 값은 잘 받아지지만 reload 되지 않는 이슈가 있다.

 

해결 방식을 구글링해보니 다음과 같다.

1. react-router-dom 과 history라이브러리의 버전을 맞추어주는 것

2. 내가 해결한 방법

 

1번 방식을 시도했지만 프로젝트를 시작하면서 history를 따로 설치해주었던 기억이 없었고,

좀 더 간단한 방법이 있을 것 같아 다른 방법을 찾아보았다.

 

내가 해결한 방법은 다음과 같다.

시행착오 끝에 생각보다 단순하게 이슈가 해결되었다.

메인 화면에서 값을 받아 searchWord 값을 조작해줄 것이기 때문에 의존성 배열에 값을 추가하면서 해결하였다.