Search for a command to run...
Lesson 81 The government was very slow to react to the problem. I'd rather live in a small town than a big city. Thank you for being so patient. She bought me a box of prettily coloured soaps. Put on your shoes and socks. I like chocolates with...
Lesson 71 Your handwriting is so untidy I can't read it. Did you receive my letter? I can't remember. Please remind me to post this letter. It got so hot that he removed his tie and jacket. Rents here are very high. I really must get my bike re...
Lesson 41 She used to hide her diary under her pillow. Their house is on the top of a hill. Three drug dealers were hit in the city over the weekend. Ben's hobby is restoring vintage motorcycles. Can you hold the bag while I open the door? We d...
Lesson 1 My younger sister has a very cute dog. There's an apple on the plate. What are you talking about? Her name comes above mine on the list. The bakery is just across the street. He acts like a fool. He takes a more active role in the tea...
1. Chưa sử dụng customHook import {useState, useEffect} from 'react' export default function DocumentTitle() { const [count, setCount] = useState(0) useEffect(() => { document.title = `Count ${count}` }, [count]) return ( <button ...
1. Import các thứ cần thiết import {useState, useEffect, useRef} from 'react' 2. Tạo ref const interValRef = useRef() 3. Tạo state timer const [timer, setTimer] = useState(0) 4. Run timer useEffect(() => { setInterval(() => { setTimer(timer => ...
useRef giúp chúng ta thao tác và xử lý DOM 1. Import các thứ cần thiết import { useEffect, useRef } from 'react' 2. Tạo ref const inputRef = useRef() 3. Gắn ref vào input <input type="text" ref={inputRef} /> 4. Tự động focus khi page loaded useEffect...
Cả hai hook này đều làm nhiệm vụ quản lí state, cùng tìm hiểu khi nào thì nên dùng hook tương ứng để đạt hiệu quả cao.
1. Thông tin chung Sử dụng useEffect để lấy data Sử dụng axios để call API Phương thức GET URL: https://jsonplaceholder.typicode.com/posts/1 Sử dụng useReducer để quản lí state 2. Cách làm 2-1. Thêm các thư viện cần thiết import {useEffect, useRedu...