Lession 4 - React.js

State trong React là gì?

• State là một hàm trong React.
• State chỉ dùng để lưu trữ dữ liệu tĩnh.
• State không thể thay đổi sau khi được khởi tạo.
• State - trạng thái - là các thông tin mô tả về một cái gì đó (con người, sự vật, hiện tượng, …) tại một thời điểm cụ thể.

Có mấy cách để khai báo hàm xử lý sự kiện trong React?

• 1 cách
• 3 cách
• 4 cách
• 2 cách

Làm thế nào để truyền hàm xử lý sự kiện thông qua props?

• Sử dụng props để truyền hàm từ component cha sang component con.
• Sử dụng state để quản lý hàm xử lý sự kiện.
• Truyền hàm xử lý sự kiện từ component con sang component cha.
• Gọi trực tiếp hàm xử lý sự kiện trong component con.

Làm thế nào để chia sẻ trạng thái giữa các thành phần?

• Sử dụng local storage để lưu trữ trạng thái.
• Sử dụng Context API, Redux, hoặc truyền props.
• Chỉ cần sử dụng biến toàn cục.
• Không cần chia sẻ trạng thái giữa các thành phần.

SyntheticEvent là gì?

• SyntheticEvent là một loại component trong React.
• SyntheticEvent là một hàm xử lý sự kiện trong JavaScript.
• SyntheticEvent là một thư viện bên ngoài cho React.
• SyntheticEvent là đối tượng sự kiện trong React.

Làm thế nào để thêm tham số tùy chỉnh cho hàm xử lý sự kiện?

• Sử dụng arrow function hoặc bind để thêm tham số tùy chỉnh.

• Sử dụng biến toàn cục để thêm tham số tùy chỉnh.
• Thay đổi tên hàm để thêm tham số tùy chỉnh.
• Sử dụng setTimeout để thêm tham số tùy chỉnh.

Cần làm gì để ngăn các hành vi mặc định hoặc ngăn sự kiện lan truyền lên trong cây DOM?

• Sử dụng addEventListener() để xử lý sự kiện.
• Chỉ cần xóa các phần tử khỏi DOM.
• Sử dụng preventDefault() và stopPropagation() trong sự kiện.
• Sử dụng setTimeout() để trì hoãn sự kiện.

Hooks là gì?

• Hooks là các hàm đặc biệt, bắt đầu bằng use, cho phép kết nối function components với các tính năng của React, những tính năng mà vốn trước đây chỉ có trong class components

• Hooks là một thư viện bên ngoài cho React.
• Hooks chỉ được sử dụng trong các lớp component.
• Hooks là một loại component trong React.

Lưu ý quan trọng nhất khi sử dụng hooks là gì?

• Hooks chỉ được phép gọi ở cấp cao nhất của component và thường ở phía trên cùng, phần đầu tiên của thân hàm hoặc trong một hook tùy chỉnh. Không được phép gọi bên trong bất kỳ khối mã nào khác

• Không cần phải tuân thủ thứ tự gọi hooks.
• Gọi hooks trong vòng lặp hoặc điều kiện.
• Sử dụng hooks ở bất kỳ đâu trong mã.

Cú pháp của useState là như thế nào?

• const [state, setState] = useState(initialState);
• const [setState, state] = useState(initialState);

• const [state, useState] = setState(initialState);
• const state = useState(initialState);