[React/Typescript] 검색 시 자동 렌더링 안될때/ 자동 새로고침/ 강제 렌더링/ location reload

문제

원래는 Header에 있는 검색창에 검색을 위한 input 데이터(키워드) 입력 후 엔터 or 검색 버튼을 누르면

-> Search Page로 넘어가서 api url의 검색 결과 리스트를 보여줌.

 

근데 Search Page에서 재검색을 하면 url은 바뀌는데 자동으로 검색 결과가 바뀌진 않음!

내가 직접 새로고침을 해줘야 바뀐 결과가 나왔다.

 

해결

자동으로 새로고침하는 방법

페이지 이동 이벤트 함수 내에 window.location.reload()를 추가한다!

 

그럼 검색어를 입력하고 엔터 or 검색버튼을 누르는 행위를 할 때,

바로 새로고침이 되면서 새로운 검색결과가 반영된 페이지가 나오게 된다.

 

끝