[React.js] 이벤트 핸들링

이벤트 핸들링이란? 이벤트가 발생했을 때 그것을 처리하는 것 ex) 버튼 클릭시 경고창 노출 { // 이벤트 핸들러 라고 한다 console.log(text); }} style={{ color: color }} > {text} - {color} {children} onClick을 사용하여 버튼 클릭시 콘솔창에 text 값을 출력한다. const Button = ({ text, color, children }) => { const onClickButton = () => { console.log(text); }; return ( {text} - {color} {children} ); }; 이런식으로 사용 할 수도 있다. 함수 실행 결과는 같다. 클릭 이벤트 말고도 onMouseEnter로 커서를 버튼으로 가..

2024.03.11