컴포넌트의 이벤트 이름은 onXXXX
으로 짓는다.
이벤트 핸들러 이름은 handleXXXX
으로 짓는다.
// example
// 이벤트 이름은 onClick이고, 핸들러 이름은 handleSomeEvent가 된다.
function Component() {
const handleSomeEvent = () => {
console.log('clicked');
}
return <button onClick={handleSomeEvent}>Click</button>
}
<aside>
<img src="/icons/branch_gray.svg" alt="/icons/branch_gray.svg" width="40px" /> 컴포넌트의 이벤트 이름은 onXXXX
으로 짓는다.
이벤트 핸들러 이름은 handleXXXX
으로 짓는다.
</aside>