리액트 더블클릭 해결

Question

버튼 클릭 시 file타입에 input을 만들어 반응하게 만들려고 하는데자꾸 더블클릭으로 반응하여 두번 누르게 됩니다 어떻게 해결하면 좋을까요? 아래는 문제상황과 비슷한 코드입니다. click()함수를 통해서 활성화하는데 이게 더블 클릭 되어 두번 나오는게 문제입니다.let ds &#61; document.createElement(&#34;input&#34;); ds.addEventListener(&#34;click&#34;, () &#61;> { console.log(&#34;sdasdsad&#34;) }) ds.click();

캐티 · Accepted Answer

빌트인 옵션 인자로 처리하면 좋아요.once = true[1] EventTarget.addEventListener() - Web API | MDN (mozilla.org)

세브라이드 · Answer

25ms 정도로 쓰로틀 거는 것도 방법일 것 같네요.https://lodash.com/docs/#throttle

답변하면인사라도해주세요 · Answer

이런 경우는 디바운스가 가장 적당합니다 일정시간 내 이벤트 중 하나만 최종적으로 출력하거든요. 간단한 디바운스 함수는 gpt가 프로미스 기반으로 잘 만들어줍니다

RWB · Answer

한 번 클릭했는데, 두 번 클릭으로 인식되는 문제라면, 이벤트가 중복으로 할당되어 발생하는 현상입니다.위 현상이 맞다면, 컴포넌트 렌더링에 요구되는 코드 일체를 봐야 확실히 알 수 있을 듯 합니다.

몰랑토끼 · Answer

개발환경 뿐이라면 루트에 스트릭트모드가 원인일수도있습니다

리액트 더블클릭 해결

5개의 답변

기술 목록