Font size
WorksheetsÔn tập Reactjs - Tuần 3
Total questions: 25
Worksheet time: 6mins
Dùm hàm nào sau đây để gán this vào một đối tượng?
bind
binding
props
state
Hàm có phương tức hoạt động tương tự array là:
state
props
map
bind
<button onclick="xinchao()">Ấn tui đi</button>
Button trên nếu được viết trong function Reactjs thì được viết là:
<button onclick="function xinchao()">Ấn tui đi</button>
<button onClick={xinchao()}>Ấn tui đi</button>
<button onClick="this.xinchao()">Ấn tui đi</button>
<button onClick={this.xinchao}>Ấn tui đi</button>
Hãy chọn những câu đúng
React tạo ra DOM ảo
React không sử dụng DOM ảo mà chỉ dùng DOM thật
React sử dụng DOM ảo để update nhanh hơn
DOM có cấu trúc dạng cây
Arrow function là cú pháp thuộc về
ES5
ES6
ES4
ES7
Dùng arrow function ta không cần chèn this
Đúng
Sai
Tùy trường hợp
Câu lệnh dùng để chạy chương trình reactjs là:
npm start
npm run
npm run start
npm server
Từ nào sau đây dùng để chỉ Vòng đời của component ?
Lifecycle
Lifecircle
Componentcycle
Component-life
Câu lệnh dùng để tạo mới một project Reactjs tên Ex1
npx create-react-app Ex1
npm init react-app Ex1
yarn create react-app Ex1
Tất cả đều sai
Muốn thay đổi trạng thái của Component, ta thay đổi thông qua
props
state
map
innerHTML
Cú pháp để trỏ đến name là
state.name
this.state.name
bind(this).state.name
state.this.name
Hàm dùng để thay đổi state là:
newState()
setS()
setState()
thisState()
Điểm khác nhau giữ props và state:
props không thể thay đổi, state thì có thể thay đổi
props có thể thay đổi, state thì không thể thay đổi
state chỉ dùng trong Comp tạo ra nó, trái lại với props
props chỉ dùng trong Comp tạo ra nó, trái lại với state
(a) là viết tắt của reactjs class component
DOM là viết tắt của Document Object ____
Model
Market
Mongo
MVC
Chọn những câu đúng:
Khi lập trình tương tác với Reactjs:
onclick chuyển thành onClick
Gọi hàm cần dùng this
Thay "" thành () {}
Không thể dùng arrow function
30
31
1
Lỗi
Cú pháp nào sau đây là đúng khi sử dụng bind trong trường hợp hàm có tham số - lập trình tương tác Reactjs?
Với x là biến số.
<button onclick={ this.myFunction.bind(this, x) }> Click me </button>
<button onClick={ this.myFunction.bind(this, x) }> Click me </button>
<button onClick={ this.myFunction.bind(this).x }> Click me </button>
<button onClick={ this.myFunction.bind(this)[x] }> Click me </button>
Vòng đời của một compontent đi theo vòng:
init - mount - update - unmount
init - componentWillMount - render - componentDidMount
componentWillMount - render - componentDidMount - update
componentWillUpdate - render - componentDidUpdate - unupdate
Đặt state cho component có text = hello, value = 404 với cú pháp:
state = {text: "hello",
value: 404};
this.state = (text: "hello",
value: 404);
this.state = {text: "hello",
value: 404};
this.state = {text: hello,
value: 404};
Mounting - lifecycle bao gồm các phương thức là:
compWillUpdate - render - compDidUpdate
componentWillUpdate - render - componentDidUpdate
compWillMount - render - compDidMount
componentWillMount - render - componentDidMount
Updation - lifecycle bao gồm các phương thức là:
compWillUpdate - render - compDidUpdate
componentWillUpdate - render - componentDidUpdate
compWillMount - render - compDidMount
componentWillMount - render - componentDidMount
Để tăng value lên 1 đơn vị sau mỗi lần click button, cho hàm sau:
this.state = {value: 1}
this.setState(() => {return
{value: state.value++}; })
Sau khi click button 3 lần thì màn hình hiển thị:
3
4
1
Lỗi
Phương thức (a) dùng để remove component ra khỏi cây DOM trong lifecycle
Hàm ___ quy định những việc làm trước khi render giao diện.
componentWillMount()
compWillMount()
componentDidMount()
compDidMount()
