# Handling Events

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

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

* ชื่อของ event attribute จะเป็นแบบ case-sensitive และอยู่ในรูปแบบของ camelCase เช่น `onClick`  , `onChange`, `onMouseOver`
* event attribute จะรับค่าเป็น function ที่จะให้ทำงานเมื่อมี event เกิดขึ้น แทนการรับค่า string

{% tabs %}
{% tab title="React" %}

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

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

{% endtab %}

{% tab title="HTML" %}

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

{% endtab %}
{% endtabs %}

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

{% embed url="<https://reactjs.org/docs/handling-events.html>" %}
