[react] event

Published: 2023-06-08 by mascaradee

• Categories:
• react 5

• Tags:
• event 5

• 이벤트 핸들러 명명 규칙
• 이벤트 핸들러 적용
  • 함수 선언식

이벤트 핸들러 명명 규칙

handle[적용이벤트명]

예를 들어, onClick이벤트에 덧불일거면 handleClick으로 핸들러 함수명을 지으면 된다.

이벤트 핸들러 적용

함수 선언식

export default function Input() {

  function handleChange(e) {
    alert('변경된 값은' + `${e.target.value}`)
  }
  return (
    <input value={'mignon'} onChange={handleChange}/>
  );
}