React Component

Question 1

Component là gì?

Answer 1

Component là một block code độc lập, có thể tái sử dụng, chia UI thành nhiều thành phần nhỏ.

Question 2

React Component có mấy loại?

Answer 2

React Component có hai loại: Class (Stateful) và Functional (Stateless).

Question 3

Tại sao phải sử dụng Component?

Answer 3

Việc chia Sour code thành các Component sẽ giúp cho dự án dễ bảo trì, tái sử dụng và dễ test.

Question 4

Component giống cái gì?

Answer 4

Component giống như một HTML element , nó đóng gói cấu trúc Logic và UI.

Question 5

Functional Component (Stateless component) là gì?

Answer 5

Functional Component đơn giản là một function trong JavaScript (hoặc ES6) nó có input là một “props” và output là một JSX element (hay element React).

Question 6

Class Component là gì?

Answer 6

Class Component là các lớp trong ES6 được mở rộng từ React.Component.

Question 7

Tên gọi khác của Functional Component là gì? Tại sao có tên gọi đó?

Answer 7

Là Stateless component, bởi vì chúng ta không thể làm nhiều thứ phức tạp như quản lý React State (data) hoặc phương thức life-cycle trong functional components.

Question 8

Stateless function component là gì? Sử dụng khi nào?

Answer 8

Staless function component là các function không có quản lý các state nào. Nó được sử dụng khi không cần phải duy trì state hay lifecycle methods. Nếu input là cùng một props thì output đều trả về một JSX.

Question 9

Props là gì?

Answer 9

Props là viết tắt của Properties. Props được truyền qua các Components như một tham số (thay thì tham số hàm thì đây là tham số component). Props là read-only (immutable) và có chiều di chuyển từ Component cha đến con.

Question 10

Có thể có bao nhiêu Props trong một Component?

Answer 10

Chỉ một. Đó là một object Props!