코딩 애플 2022 리액트 복습용 정리(3) 이벤트 버블링, <input>, onChange 이벤트, 이벤트 객체, 옛날 문법, 배포하기
잠깐! 좋아요 버튼, 즉 span 태그를 눌렀는데 모달창이 나오는 버그? 상위 html로 퍼지는 이벤트 버블링을 막고 싶을 땐, e.stopPropagation()을 작성해주면 된다. 에 무언가 입력될 때 코드를 실행하고 싶으면, onChange / onInput 사용. 에 입력한 값을 가져오려면, e 파라미터 (이벤트 객체) 추가. {condole.log(e.target.value)}}/> //여기서 target은 앞의 input 태그를 가리킨다. 에 입력한 값을 저장하려면, let [입력값, 입력값변경] = useState(''); {입력값변경(e.target.value)}}> (참고) class를 이용한 옛날 React 문법 //기본 템플릿 class Modal extends React.Compon..
2023. 2. 24.
