목록history back (1)

개발자의 길

React dom v6 브라우저 뒤로가기 시에 특정 액션 하기

react 에서, 특정 컴포넌트를 페이지 이동이 아닌, 모달 팝업(레이어 팝업) 같이 열었을 경우, 뒤로 가기 클릭스, 해당 팝업만 닫고 싶은데, 페이지가 뒤로 가기 되 버려서 당황 스러웠다. 그럴 경우, 뒤로 가기 이벤트를 잡아서, 다른 액션을 주었다. function closeView() { //여기에, 뒤로 가기 클릭시 할 액션을 정의 하면 된다. 나는 레이어팝업을 닫는 액션을 했다. props.onClose(); } useEffect(() => { const randomKey = 페이지의 특정한 값을 부여해주세요. // 별도로 history에 특정값을 주었다. window.history.pushState('fake-route'+randomKey, document.title, window.locat..
16. REACT 2022. 9. 6. 13:09
Prev 1 Next