💻
React - The Complete Guide (incl Hooks, React Rout
  • What you'll learn
  • Getting Started
    • Introduction
    • What is React
    • Learning Community
    • Components
    • Writing our First React Code
    • Why Should we Choose React
    • React Alternatives
    • SPA and MPA
      • Single Page Applications
      • Multi Page Applications
    • Course Outline
    • How to get the Most out of This Course
    • Useful Resources & Links
  • Two kinds of application
  • Hiều về let và const
  • Arrow Functions
  • Export và Import
  • Hiểu các tính năng cơ bản & Cú pháp
    • Module Introduction
    • The Build Workflow
    • Node.js Download
    • Using Create React App
    • Understanding the Folder Structure
    • Understanding Component Basics
    • Understanding JSX
    • JSX Restrictions
    • Creating a Functional Component
    • Components & JSX Cheat Sheet
    • Working with Components & Re-Using Them
    • Outputting Dynamic Content
    • Working with Props
    • Understanding the "children" Pro
    • Understanding & Using State
    • Props & State
    • Xử lý các sự kiện bằng các phương thức
    • Bạn có thể nghe những sự kiện nào?
    • Xử lý State
    • Đặt tên Function Components
    • Sử dụng useState() Hook cho xử lý State
    • Stateless vs Stateful Components
    • Truyền Method References giữa các Component
    • Liên kết hai chiều(Two-way Binding)
    • Thêm Styling với Stylesheets
    • Làm việc với Inline Styles
    • Tài nguyên & Liên kết hữu ích
Powered by GitBook
On this page

Was this helpful?

  1. Hiểu các tính năng cơ bản & Cú pháp

Xử lý các sự kiện bằng các phương thức

Xử lý các sự kiện với các phần tử React rất giống với xử lý các sự kiện trên các phần tử DOM. Có một số khác biệt về cú pháp:

  • Các sự kiện React được đặt tên bằng camelCase, thay vì chữ thường.

  • Với JSX, bạn truyền một hàm làm trình xử lý sự kiện, thay vì chuỗi.

Ví dụ đối với HTML:

<button onclick="activateLasers()">
  Activate Lasers
</button>

Super-powers are granted randomly so please submit an issue if you're not happy with yours.

Còn đối với React thì hơi khác một chút:

<button onClick={activateLasers}>
  Activate Lasers
</button>

PreviousProps & StateNextBạn có thể nghe những sự kiện nào?

Last updated 4 years ago

Was this helpful?