💻
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

Đặt tên Function Components

Đặt tên các Funtion Component

Trong bài giảng tiếp theo, chúng ta sẽ tìm hiểu cách quản lý trạng thái trong các thành phần chức năng (thay vì các thành phần dựa trên Class). Trong trường hợp bạn đang gặp lỗi với mã được hiển thị trong bài giảng tiếp theo, chỉ cần gán tên biến viết hoa cho biến chứa thành phần chức năng của bạn.

Bạn có thể sử dụng đoạn code sau:

const App = () => { ... }

Thay vì:

const app = () => { ... }

Về mặt kỹ thuật, điều đó không bắt buộc nhưng tùy thuộc vào thiết lập dự án của bạn, công cụ linter tích hợp (công cụ kiểm tra chất lượng mã) đi kèm với ứng dụng tạo phản ứng có thể không giống như tên biến chữ thường.

PreviousXử lý StateNextSử dụng useState() Hook cho xử lý State

Last updated 4 years ago

Was this helpful?