Free Printable React cơ bản

Worksheets

React cơ bản

Total questions: 18

Worksheet time: 9mins

Name

Class

Date

1. React là gì?

Ứng dụng mới

Thư viện JavaScript

Framework React

Ngôn ngữ lập trình mới

JSX thực chất là gì?

Một ngôn ngữ lập trình mới

Một kiểu dữ liệu mới

HTML phiên bản mới

JavaScript + XML, cho phép viết HTML trong JavaScript

Câu nào sau đây KHÔNG PHẢI là Hook có sẵn của React

useState

useEffect

useMagic

useContext

useEffect(() => {}, []) với dependency rỗng [] thì chạy bao nhiêu lần?

1 lần khi component mount

Không bao giờ

React báo lỗi ngay

Nó chạy lặp 2 lần duy nhất

useEffect(() => {},) không truyền dependency thì chạy bao nhiêu lần?

Chạy trước khi mount

Chỉ chạy đúng 1 lần sau mount

Chạy mỗi khi state thay đổi

Nó sẽ chạy sau mỗi lần render

State dùng để làm gì?

Lưu trữ dữ liệu thay đổi theo thời gian và làm UI render lại khi thay đổi

Lưu mã CSS để styling component

Lưu trữ lịch sử biến

Thay thế hoàn toàn props trong component

Virtual DOM là gì?

Bản sao nhẹ của DOM để React cập nhật nhanh

Một thư viện thay thế browser DOM

Máy tính ảo

Một API của Javascript để thao tác DOM thủ công

Context API dùng để làm gì?

Truyền dữ liệu xuống nhiều component mà không cần props

Quản lý CSS cho toàn bộ ứng dụng

Tự động tối ưu hiệu năng render của mọi component

Thay thế hoàn toàn Redux trong mọi trường hợp

const [count, setCount] = useState(0);

useEffect( () => { setCount(count + 1) } );

Đoạn code trên sẽ dẫn đến kết quả gì?

count sẽ tăng lên 1 lần rồi dừng

count không thay đổi vì useEffect không có dependency

Component sẽ rơi vào vòng lặp render vô hạn

React sẽ báo lỗi và không render component

10.

12. React render lại khi nào?

Khi state thay đổi

Khi props thay đổi

Khi component cha render

Tất cả các đáp án trên

11.

Khi truyền từ cha xuống con ngoài props thì còn gì?

useState

Context API

useEffect

Fragment

12.

Next.js là gì?

Một thư viện (library) mở rộng của React

Một framework xây dựng dựa trên React

Một công cụ styling cho React

Một trình biên dịch JSX

13.

React component là gì?

Một file CSS

Một hàm hoặc class trả về UI

Một API của browser

Một module Java

14.

2. React sử dụng cơ chế nào để cập nhật UI hiệu quả?

Web Workers

Virtual DOM

IndexedDB

localStorage

15.

3. Cách import đúng với export default là gì?

import { App } from './App'

import Page from './App'

import default App from './App'

import (App) from './App'

16.

Cách import đúng với named export là gì?

import Title from './Title'

import { Title } from './Title'

import (Title) from './Title'

import * Title from './Title'

17.

return (<> {isLoading ? <LoaderIcon /> : <Login />} </>);

Điều gì sẽ xảy ra khi isLoading = true?

React sẽ render cả <LoaderIcon /> và <Login />

React chỉ render <Login />

React chỉ render <LoaderIcon />

React không render gì

18.