swiper를 사용중인데, react에서 보던 오류를 또 반복해서 겪어서 재 정리하려고 함.
문제상황 : swiper 가 포함된 div 혹은 탭이 새로고침 되거나, display: none에서 block으로 변경되어 화면에 보여질때, 해당 swiper 가 동작하지 않음
해결법 : swiper 옵션에 observer : true, observeParents : true 를 추가하면 됨. 특히나 여러 swiper를 사용시에 잘 동작하던 swiper가 동작을 안하는 경우가 있음. 이 옵션을 사용중인 모든 swiper에 추가하길 바람. 혹시나 탭 메뉴에 추가해서 사용중인 경우에도 탭 메뉴 선택으로 해당 swiper가 가려졌다 보여질 경우, 동작 안할 경우가 있는데, 이때도 이 옵션을 사용하기 바람.
'react' 카테고리의 다른 글
useEffect, useCallback, useMemo 간 비교 (0) | 2022.01.17 |
---|---|
무한 스크롤 페이지 생성 react-infinite-scroll-component (0) | 2021.12.17 |
댓글