Handling Events

#HelloFrontend #HelloErmine #HelloWorld2021

การรับมือกับ event ใน React

ต่างกับใน HTML ตรงที่

• ชื่อของ event attribute จะเป็นแบบ case-sensitive และอยู่ในรูปแบบของ camelCase เช่น onClick , onChange, onMouseOver

• event attribute จะรับค่าเป็น function ที่จะให้ทำงานเมื่อมี event เกิดขึ้น แทนการรับค่า string

React

function showMessage() {
    alert("A Message");
}

<button onClick={showMessage}>
    Show A Message
</button>

HTML

function showMessage() {
    alert("A Message");
}
 
<button onclick="showMessage()">
    Show A Message
</button>

แหล่งอ้างอิง

Handling Events – React