đ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

Authored by Nguyễn Dũng

Other

University

Used 9+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

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

Access all questions and much more by creating a free account

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

48 questions

Digital Marketing Assessment

Quiz

•

University

40 questions

Bộ HC_TC số 4

Quiz

•

University

40 questions

Review For Exam 4

Quiz

•

University

40 questions

TEAM 06 Newspaper

Quiz

•

University

39 questions

FUNDILO FINALS

Quiz

•

University

40 questions

Aircraft Performance

Quiz

•

University

43 questions

Traffic Code Exam 9 (22.17-22.29)

Quiz

•

University

40 questions

INSTRUMENT (BASIC) ชุดที่ 2

Quiz

•

University

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

10 questions

Probability Practice

Quiz

•

4th Grade

15 questions

Probability on Number LIne

Quiz

•

4th Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

6 questions

Appropriate Chromebook Usage

Lesson

•

7th Grade

10 questions

Greek Bases tele and phon

Quiz

•

6th - 8th Grade

Discover more resources for Other

12 questions

IREAD Week 4 - Review

Quiz

•

3rd Grade - University

20 questions

Endocrine System

Quiz

•

University

7 questions

Renewable and Nonrenewable Resources

Interactive video

•

4th Grade - University

30 questions

W25: PSYCH 250 - Exam 2 Practice

Quiz

•

University

5 questions

Inherited and Acquired Traits of Animals

Interactive video

•

4th Grade - University

20 questions

Implicit vs. Explicit

Quiz

•

6th Grade - University

7 questions

Comparing Fractions

Interactive video

•

1st Grade - University

38 questions

Unit 8 Review - Absolutism & Revolution

Quiz

•

10th Grade - University

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

Đ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

Access all questions and much more by creating a free account

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