목록이벤트 (2)
치악산 복숭아
[Javascript] currentTarget vs target
쓸 때마다 잊어버려서 기억하려고 메모하는 포스팅... currentTarget : 이벤트를 등록한 요소 target : 이벤트가 발생한 요소 HTML 삽입 미리보기할 수 없는 소스 콘솔에 target을 찍어보면 클릭이 일어난 요소가 출력되지만 // 클릭한 각각의 요소가 // 출력되는 모습 Good evening ! currentTarget은 이벤트가 등록된 최상단 요소 button이 출력된다 Good evening !
FE/Javascript
2023. 3. 20. 18:43
[React] 이벤트가 두번 실행되는 오류 해결하기
//SignupForm 오류 코드 회원 가입 회원가입 폼을 만들고 있던 중 button의 이벤트가 두 번으로 중복돼서 실행되는 오류가 생겼다 열심히 구글링해서 찾아낸 결과 이유는 1) React.StrictMode (실질적인 해결방법은 아니였지만...ㅎ) //index.js ReactDOM.render( , , document.getElementById("root") ); 리액트의 공식 문서를 살펴보면 Strict 모드 StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. ! Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않습니다. * 안전하지 않은 생명주기를 사용하는 컴포넌트 발견 * 레거시 문자열 ref 사용에 대한 경고 * 권장되..
FE/React
2021. 3. 16. 18:42