đoạn code trên có ý nghĩa gì?

tạo một React element h1, với attribute title: 'Lớp JavaWeb' và nội dung 'React'

tạo một DOM element h1, với attribute title: 'Lớp JavaWeb' và nội dung 'React'

sửa tittle của sửa sổ trang web thành Lớp JavaWeb

JSX là javascript XLM/HTML là một file javascript có hỗ trợ viết html

phát biểu đúng về biểu thức trong JSX/TSX

nhúng biểu thức javascript vào đoạn code trả về React element bằng cách viết nó vào trong cặp ngoặc { }

nhúng biểu thức javascript vào đoạn code trả về DOM element bằng cách viết nó vào trong cặp ngoặc { }

nhúng biểu thức javascript vào đoạn code trả về React element bằng cách viết nó vào trong cặp ngoặc ( )

Phát biểu nào sau đây sai về atribute trong JSX

Viết thuộc tính cho thẻ giống hệt như đối với html

<h1 class=“header”>heading</h1>

Viết thuộc tính cho thẻ tương tự như đối với html, nhưng phải tuân theo bộ quy chuẩn của JSX

<h1 className=“header”>heading</h1>

hàm xử lý javascript/typescript và trả về react element

hàm xử lý javascript/typescript và trả về html

hàm xử lý javascript/typescript và trả về DOM element

hàm xử lý javascript/typescript và không trả về gì

Tại sao phải chia component? chọn câu trả lời chính xác nhất

Cấu trúc code rõ ràng và tận dụng được tính tái sử dụng của component

dự án React bắt buộc phải chia component

phân loại component

function component và class component

Ý kiến nào sau đây đúng nhất khi nói về props?

Props dùng để truyền dữ liệu từ component cha xuống component con, tương tự như cách truyền đối số khi gọi hàm.

Props thể hiện trạng thái dữ liệu của component, khi thay đổi props thì component sẽ được re-render

Props dùng để truyền dữ liệu từ component con lên component cha

cách truyền prop nào sau đây sai

const imageUrl = "http://url" <MyComponent imageUrl={imageUrl}/>

<MyComponent imageUrl/> ý nghĩa của đoạn code trên? chọn câu trả lời đúng nhất

imageUrl nhận kiểu boolean và giá trị là true

imageUrl nhận kiểu boolean và giá trị là false

json-server --watch db.json --port 3001 ý nghĩa đoạn script trên? chọn câu trả lời đúng nhất

khởi chạy json-server với database là file db.json tại port 3001 và có chức năng tự động lắng nghe các request

khởi chạy json-server tại port 3001 database là file db.json

khởi chạy json-server với database là file db.json và có chức năng tự động lắng nghe các request

mặc định khởi chạy json-server

json-server --watch db.json --port 3001 ý nghĩa số 3001?

mặc định khởi chạy dự án react là port 3000, và json-server không được trùng port với dự án

có thể thay đổi sang một số khác (ví dụ 3002)

mặc định khởi chạy json-server

là thành phần bắt buộc khi khởi chạy json-server

phát biểu đúng về prop children của component

<MyComponent> string literals </MyComponent> <MyComponent> {expression} </MyComponent> string literals/{expression} là children prop của YourComponent

prop children có thể đổi tên

<ComponentA> <ComponentB /> </ComponentA> <ComponentB/> không phải là children prop của ComponentA

<MyComponent prop1="string literals" /> <MyComponent> string literals </MyComponent> 2 cách truyền prop trên giống nhau

phát biểu đúng về hooks

hooks là các hàm được viết sẵn và được cung cấp bởi react

hooks là các component được viết sẵn và được cung cấp bởi react

hooks là các class được viết sẵn và được cung cấp bởi react

khi click vào button "update" 1 lần thì state cars có giá trị thế nào

["Bugatti", "Roll-Royce", "Maybach", "Lamborghini"]

["Bugatti", "Roll-Royce", "Maybach", ["Lamborghini"]]

cách sử dụng của useState

const [state, setState] = useState(initialState)

const [state, setState] = useState()

const [ state , setState ] = useState ( initState ) chọn phát biểu sai

initState là giá trị khởi tạo, được sử dụng lại mỗi khi component re-render

setState là một hàm, dùng để sửa giá trị của state

ban đầu khi khởi tạo useState, state sẽ được gán giá trị và kiểu giá trị của initState

khi gọi setState, component re-render

const [ state , setState ] = useState ( initState ) khi initState là function, thì giá trị của initState khi đó có thể là gì

không truyền được function

thứ tự thực thi của useEffect(callback)

1.component re-render. 2. update DOM 3. gọi callback trong useEffect

1. component re-render. 2. gọi callback trong useEffect. 3. update DOM

1. update DOM. 2. component re-render 3. gọi callback trong useEffect.

điều gì sẽ xảy ra với component chứa đoạn code trên

component bị re-render vô hạn

code chạy bình thường component re-render 1 lần

code chạy bình thường nhưng component không re-render

useEffect(callback, [ ]) chọn phát biểu đúng với callback trong trường hợp useEffect trên

callback bị gọi 1 lần khi component mounted và không bị gọi lại khi component re-render

callback bị gọi 1 lần khi component mounted và bị gọi 1 lần mỗi khi component re-render

callback gọi lại vô hạn và component re-render vô hạn

useEfffect(callback, [deps]) chọn phát biểu có thể đúng với callback trong trường hợp useEffect trên mỗi khi component re-render

callback không bị gọi lại

callback bị gọi lại khi deps thay đổi

phát biểu đúng về cleanup function trong useEffect

luôn được gọi trước khi component unmount

thường sử dụng với mục đích gỡ bỏ đi những thành phần thừa trong callback khi component unmount

luôn được gọi sau khi component unmount

thường sử dụng với mục đích gỡ bỏ đi những thành phần thừa trong component khi component unmount

phát biểu đúng về useContext

truyền thẳng dữ liệu từ component cha xuống component con không cần thông qua prop hay trung gian

mọi component con đều có thể nhận được context từ component cha

chỉ những component con được chỉ định mới có thể nhận được context từ component cha

provider trong useContext

thường là cấp cao nhất bọc bên ngoài component cha muốn truyển dữ liêu đi cho các component con

có thể khai báo ở bất cứ đâu (bên ngoài hoặc bên trong component cha/con)

ôn tập destructuring, rest. Câu trả lời đúng cho đoạn code trên

'default', 'val1', { c: 'val2', d: 'val3' }

'default', 'val1', { b: 'val1', c: 'val2', d: 'val3' }

undefined, 'val1', { b: 'val1', c: 'val2', d: 'val3' }

tổng hợp kiến thức React

University

•

44 Qs

Similar activities

Level 2 Plumbing - Hot Water

12th Grade - Professional Development

•

43 Qs

PUNJAB

6th Grade - Professional Development

•

46 Qs

STA2024 Revision

University

•

40 Qs

Online Contest - Digital Marketing Amazing Race 2023

University

•

41 Qs

Lesson 1. Quiz

University

•

40 Qs

Ôn tập Tin học 5 HKII

5th Grade - University

•

40 Qs

Supply Chain in Services

University

•

40 Qs

business law

University

•

42 Qs

tổng hợp kiến thức React

Quiz

•

Other

•

University

•

Practice Problem

•

Hard

Nguyễn Dũng

Used 9+ times

FREE Resource

44 questions

Show all answers

MULTIPLE CHOICE QUESTION

1 min • 1 pt

Đoạn code trên có ý nghĩa như thế nào

Loại bỏ thẻ h1 khỏi thẻ div có it là root

tạo thẻ h1 có nội dung "lớp JavaWeb - React" và gắn vào thẻ div có id là root

tọa thẻ heading có nội dung "lớp JavaWeb - React" và gắn vào thẻ div có id là root

đoạn code lỗi

MULTIPLE SELECT QUESTION

1 min • 1 pt

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

ReactJs là một library của javascript

ReactJS là một framework của javascript

ReactJS là một ngôn ngữ độc lập

tất cả đều đúng

MULTIPLE CHOICE QUESTION

1 min • 1 pt

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

{ title } và 'React' đều là children của h1React

{ title } là prop và 'React' là children của h1React

'h1' là childrend của h1React

'h1', { tittle } và 'React' đều là prop của h1React

FILL IN THE BLANK QUESTION

1 min • 1 pt

Khởi tạo dự án React + typescript mới bằng câu lệnh? điền vào dấu ....
npx ............ *tênproject --template typescript

FILL IN THE BLANK QUESTION

1 min • 1 pt

SPA là viết tắt của?

FILL IN THE BLANK QUESTION

1 min • 1 pt

MPA là viết tắt của?

MULTIPLE SELECT QUESTION

1 min • 1 pt

ý nào sau đây đúng khi so sánh giữa SPA và MPA

MPA thân thiện với SEO hơn SPA

MPA tốc độ nhanh hơn khi sử dụng

SPA có thể không cần đến javascript

MPA có thể không cần đến javascript

Create a free account and access millions of resources

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

40 questions

Kiểm tra cuối kỳ

Quiz

•

University

41 questions

Nagarjuna

Quiz

•

University

48 questions

Quiz về Triết học

Quiz

•

University

48 questions

finals/katapusan sa DAA

Quiz

•

University

42 questions

Pedagogy Final Questions (51-100)

Quiz

•

University

40 questions

CATECHIZE-Technical Quiz

Quiz

•

University

45 questions

End of Semester Trivia

Quiz

•

University

40 questions

UTT Chapter 08 Test

Quiz

•

12th Grade - University

Popular Resources on Wayground

5 questions

This is not a...winter edition (Drawing game)

Quiz

•

1st - 5th Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

10 questions

Identify Iconic Christmas Movie Scenes

Interactive video

•

6th - 10th Grade

20 questions

Christmas Trivia

Quiz

•

6th - 8th Grade

18 questions

Kids Christmas Trivia

Quiz

•

KG - 5th Grade

11 questions

How well do you know your Christmas Characters?

Lesson

•

3rd Grade

14 questions

Christmas Trivia

Quiz

•

5th Grade

20 questions

How the Grinch Stole Christmas

Quiz

•

5th Grade

Discover more resources for Other

26 questions

Christmas Movie Trivia

Lesson

•

8th Grade - Professio...

20 questions

christmas songs

Quiz

•

KG - University

20 questions

Holiday Trivia

Quiz

•

9th Grade - University

15 questions

Holiday Movies

Quiz

•

University

14 questions

Christmas Trivia

Quiz

•

3rd Grade - University

20 questions

Christmas Trivia

Quiz

•

University

8 questions

5th, Unit 4, Lesson 8

Lesson

•

KG - Professional Dev...

20 questions

Disney Trivia

Quiz

•

University

tổng hợp kiến thức React

44 questions

Đoạn code trên có ý nghĩa như thế nào

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

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

Khởi tạo dự án React + typescript mới bằng câu lệnh? điền vào dấu ....npx ............ *tênproject --template typescript

SPA là viết tắt của?

MPA là viết tắt của?

ý nào sau đây đúng khi so sánh giữa SPA và MPA

đoạn code trên có ý nghĩa gì?

JSX/TSX là gì?

phát biểu đúng về biểu thức trong JSX/TSX

Create a free account and access millions of resources

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Other

Khởi tạo dự án React + typescript mới bằng câu lệnh? điền vào dấu ....
npx ............ *tênproject --template typescript