Tài liệu lập trình front reactjs SLIDE 4

Trong class component, this không được định nghĩa mặc định, vì vậy với các function thông thường, this không còn là đối tượng (object) (mà phương thức được định nghĩa). ❑Giải pháp 01: Dùng arrow function ❖Một trong những tính năng đặc biệt của arrow function là tự động bind (ràng buộc) giá trị của this với tất cả code bên trong function

Conceive Design Implement Operate THỰC HỌC – THỰC NGHIỆP http://www.poly.edu.vn MỤC TIÊU Form & events API request với react FORM ❑Thêm form vào react giống thêm phần tử Ví dụ XỬ LÝ SỰ KIỆN (EVENTS) XỬ LÝ SỰ KIỆN (EVENTS) THIS TRONG ❑Ví dụ REACT THIS TRONG ❑Kết REACT THIS TRONG REACT ❑Trong class component, this khơng định nghĩa mặc định, với function thơng thường, this khơng cịn đối tượng (object) (mà phương thức định nghĩa) ❑Giải pháp 01: Dùng arrow function ❖Một tính đặc biệt arrow function tự động bind (ràng buộc) giá trị this với tất code bên function TỪ KHOÁ THIS TRONG REACT this tham chiếu đến component object APP – SEARCH PICS UNSPLASH API UNSPLASH API ❑Sử dụng unsplash API: truy cập https://unsplash.com/developers đăng ký với tư cách developers ❑Tạo app > lưu access key serect key ❑Vào documentation UNSPLASH API AXIOS - FETCH AXIOS - FETCH ❑Cài đặt AXIOS - FETCH AXIOS - FETCH ASYNC - AWAIT ASYNC - AWAIT ASYNC - AWAIT ❑Thiết lập state ASYNC - AWAIT ❑Binding callback với arrow function APP – SEARCH PICS