컴포넌트 마운트 여부 상관 없이 실제로 화면에 그리는 지를 확인할 수 있나요?

React
1

동일 router path 내에서 탭 간 전환하면서 다른 화면을 그리는 컴포넌트가 있는데,
(한 컴포넌트에서 하위 컴포넌트로 다른 컴포넌트를 노출시킵니다)
내부 각 다른 컴포넌트에서 동시에 mount 되면서 각 컴포넌트 내 useEffect가 실행되고, 동일한 Alert가 동시에 발생하는 오류가 있습니다.

router을 추가하여 구분하는 방법 이외에, mount여부에 상관 없이 실제로 화면에 노출 되는지 여부를 따로 체크할 수 있는 방법이 있을까요?

2

실제 화면에 노출 되는지 여부를 판단하기보다는 다른 방식으로 해결하는 것을 추천합니다.
windows.alert를 각 컴포넌트에서 effect로 꼭 나타나게 해야하는 상황이라면 window.alert를 직접 호출하기보다는 alert의 중복을 막거나 해볼수 있습니다만 예제에 해당하는 코드와 좀 더 구체적인 설명을 해주시면 적절한 해결책을 찾는데 도움이 될 것 같습니다.

1개의 좋아요