wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Quizziz Reactjs

Total questions: 40

Worksheet time: 21mins

Name
Class
Date
1.

ReactJS được xây dựng và phát triển bởi tổ chức nào sau đây?

a)

Yahoo

b)

Facebook

c)

Google

d)

Amazon

2.

Folder node_modules trong dự án ReactJS dùng để làm gì?

a)

Nơi chứa các souce code như component, các hàm dùng chung,...

b)

Nơi chứa các file html

c)

Chứa các tài nguyên như hình ảnh, font chữ, âm thành,...

d)

Chứa các thư viện và gói modules sử dụng trong dự án

3.

ReactJS có bao nhiêu loại component chính?

a)

1

b)

2

c)

3

d)

4

4.

Để truyền dữ liệu từ component cha xuống componnet con thì ta phải sử dụng ...?

a)

props + state

b)

props

c)

state

d)

event

5.

Trong một function component, react hook nào sau đây được sử dụng để quản lý trạng thái dữ liệu trong một component?

a)

useReducer()

b)

useEffect()

c)

useState()

d)

useMemo()

6.

Trong function component, react hook nào sau đây được sử dụng để quản lý vòng đời của một component?

a)

useEffect()

b)

useState()

c)

useMemo()

d)

useCallback()

7.

Dữ liệu được lưu ở trên localStorage có kiểu định dạng dữ liệu là gì?

a)

Function

b)

Object

c)

Array

d)

JSON

8.

Hàm nào được sử dung để lặp qua các phần tử của mảng, kết quả trả về là một mảng mới đã được chỉnh sửa có số lượng phần tử bằng với mảng cũ?

a)

filter()

b)

reduce()

c)

find()

d)

map()

9.

Đáp án nào sau đây đã tuân thủ theo quy tắc đặt tên component trong ReactJS?

a)

List_product

b)

ListProduct

c)

listProduct

d)

list_product

10.

Sự kiện mặc định trong form là gì?

a)

onClick

b)

onChange

c)

onSubmit

d)

onBlur

11.

Kết quả trả về của hàm filter là gì

a)

Một biến

b)

Một đối tượng

c)

Một mảng

d)

Một callback function

12.


Kiểu dữ liệu của props khi truyên từ component cha xuống component con là gì

a)

String

b)

Array

c)

Object

d)

Function

13.

React hook nào sau đây được sử dụng để tối ưu hóa hiệu năng của ứng dụng?

a)

useRef()

b)

useMemo()

c)

useState()

d)

useEffect()

14.

Dữ liệu trong ReactJS hoạt động theo cơ chế nào?

a)

Twoway binding data nếu được xử lý

b)

Oneway binding data

c)

Twoway binding data

d)

Oneway binding data nếu được xử lý

15.

Điều gì xảy ra khi bạn sử dụng hook useEffect với mảng rỗng [] làm đối số thứ hai?

a)

useEffect sẽ không bao giờ chạy

b)

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

c)

useEffect sẽ chạy một lần sau lần render đầu tiên

d)

useEffect sẽ chạy khi có sự thay đổi trong trạng thái hoặc props

16.

React hook nào được sử dụng để thực hiện các phép tính phức tạp trên trạng thái dữ liệu của một component?

a)

useReducer()

b)

useState()

c)

useContext()

d)

useEffect()

17.

React hook nào được sử dụng để thực hiện các side-effects, chẳng hạn như gọi API?

a)

useContext()

b)

useState()

c)

useEffect()

d)

useReducer()

18.

Phương thức nào được sử dụng để ngăn chặn sự kiện nổi bọt từ phần tử con lên phần tử cha?

a)

blockPropagation()

b)

stopPagation()

c)

stopPropagation()

d)

preventDefault()

19.

Để ngăn chặn sự kiện mặc định của form (load lại trang) thì ta sử dụng phương thức nào sau đây?

a)

onSubmit()

b)

stopPropagation()

c)

preventDefault()

d)

preventBlock()

20.

Khi đối số của hàm useState() là một callback function, giá trị nào được sử dụng làm giá trị khởi tạo cho state đó?

a)

Giá trị null

b)

Giá trị undefined

c)

Giá trị mặc định là 0

d)

Giá trị trả về từ callback function

21.

Làm sao để có thể truyền dữ liệu từ 2 component ngang cấp với nhau trong ReactJS?

a)

Sử dụng state

b)

Sử dụng useContext()

c)

Sử dụng useReducer()

d)

Sử dụng props

22.

Trong React, sự kiện nào được sử dụng để theo dõi giá trị của một trường nhập liệu (input field) trong biểu mẫu?

a)

onChange

b)

onSubmit

c)

onClick

d)

onBlur

23.

Trong React, event (sự kiện) có thể làm gì?

a)

Điều hướng trang web

b)

Lắng nghe các thay đổi trạng thái

c)

Xử lý các tương tác người dùng, chẳng hạn như click hoặc hover

d)

Đọc và ghi dữ liệu vào cơ sở dữ liệu

24.

Trong React, cú pháp nào sau đây được sử dụng để lấy giá trị từ ô input ?

a)

this.inputValue

b)

this.value

c)

event.target.value

d)

this.state.value

25.

React hooks nào sau đây được sử dụng để tham chiếu đến một phần tử trong DOM?

a)

useState

b)

useEffect

c)

useRef

d)

useReducer

26.

Thuộc tính for của thẻ lable trong HTML, sau khi chuyển qua JSX của ReactJS thì sẽ chuyển thành?

a)

forHtml

b)

for

c)

forLabel

d)

htmlFor

27.

File nào thường được sử dụng để ghép nối các component và hiển thị dữ ra ngoài giao diện trong ReactJS (Xây dựng trên nền tảng Javascript)?

a)

App.css

b)

index.css

c)

App.tsx

d)

App.jsx

28.

Khi chúng ta clone một dự án ReactJS từ Github của người khác mà trong dự án đó không có folder node_modules thì phải gõ câu lệnh nào để cài (sử dụng với npm)?

a)

npx create-react-app

b)

npm i

c)

npm install

d)

npm run dev

29.

Phát biểu nào sau đây đúng?

a)

Phạm vi hoạt động của state là ở tất cả các component

b)

state thay đổi thì component bị render

c)

props là giá trị chỉ dùng để đọc và không thể thay đổi được giá trị

d)

state thay đổi thì component bị re-render

30.

Khi sử dụng hàm map để render ra danh sách dữ liệu thì bắt buộc phải có từ khóa nào?

a)

keydown

b)

key

c)

keys

d)

keyword

31.

Đối với thẻ select - option, khi muốn lấy value từ nó thì ta phải đặt sự kiện onChange ở đâu?

a)

Đặt ở giữa thẻ mở và thẻ đóng của thẻ select

b)

Trong cặp thẻ mở của thẻ select

c)

Trong cặp thẻ mở của thẻ option

d)

Đặt ở giữa cặp thẻ đóng và thẻ mở của thẻ option

32.

Phát biểu nào sau đây là đúng?

a)

Các phương thức của Lifecycle chỉ có thể được sử dụng trong Class Component

b)

React hook chỉ được sử dụng trong Class Component

c)

React hook chỉ được sử dụng trong Function Component

d)

Các phương thức của Lifecycle có thể được sử dụng trong Function Component

33.

Để hiển thị được dữ liệu ra ngoài giao diện, trong ReactJS chúng ta sử dụng ký tự nào?

a)

[]

b)

{}

c)

<>

d)

[{}]

34.

Phương thức nào sau đây sử dụng để tạo context trong React?

a)

useContext()

b)

createContext()

c)

React.createContext()

d)

contextUse()

35.

"... là một thuộc tính đặc biệt được sử dụng để truyền các phần tử con vào một component".

Trích dẫn trên đang nhắc đến thuật ngữ nào trong ReactJS?

a)

props

b)

children props

c)

state

d)

components

36.

Dự đoán kết quả của count khi hàm "handleCount" được gọi lần đầu?

a)

0

b)

1

c)

2

d)

3

37.

SWC là cụm từ viết tắt của ...?

a)

Swift Web Compiler

b)

Speedy Web Compiler

c)

Simple Web Compiler

d)

Super Web Compiler

38.

Trong React, phương thức nào chỉ nhận 1 React element duy nhất làm tham số con?

a)

ReactDOM.render

b)

React.render

c)

React.cloneElement

d)

React.createElement

39.

React hooks nào được sử dụng để ghi nhớ một hàm và chỉ tạo ra hàm mới khi các dependency thay đổi?

a)

useState

b)

useMemo

c)

useCallback

d)

useReducer

40.

React hooks nào được sử dụng để ghi nhớ kết quả của một phép tính nhằm tránh việc tính toán lại khi các dependency không thay đổi?

a)

useState

b)

useCallback

c)

useMemo

d)

memo

Similar Resources on Wayground

đề 5 tud

40 questions

đề 5 tud

quiz

Worksheet

•

Professional Development

đề 1 tud

44 questions

đề 1 tud

quiz

Worksheet

•

Professional Development