Trong ứng dụng React, giao tiếp với API là một yêu cầu phổ biến. Axios là một thư viện JavaScript phổ biến giúp đơn giản hóa quá trình gửi các yêu cầu HTTP và xử lý phản hồi. Hướng dẫn từng bước này sẽ hướng dẫn bạn sử dụng Axios trong ứng dụng React của bạn để giao tiếp với các API.
Cài đặt Axios
Mở thư mục dự án trong terminal và chạy lệnh sau để cài đặt Axios: npm install axios
Import Axios vào thành phần React của bạn bằng đoạn mã sau: import axios from 'axios'
Gửi yêu cầu GET
Để gửi yêu cầu GET và lấy dữ liệu từ một API, sử dụng phương thức axios.get()
.
Ví dụ:
Gửi yêu cầu POST
Để gửi yêu cầu POST và gửi dữ liệu đến một API, sử dụng phương thức axios.post()
.
Ví dụ:
Xử lý lỗi
Axios cung cấp cơ chế xử lý lỗi tích hợp bằng cách sử dụng phương thức catch()
.
Ví dụ:
Tích hợp với các API RESTful
Axios hỗ trợ các API RESTful bằng cách cho phép bạn xác định các phương thức HTTP như GET, POST, PUT và DELETE.
Ví dụ:
Bằng cách làm theo các bước và ví dụ này, bạn sẽ có thể giao tiếp hiệu quả với các API bằng cách sử dụng Axios trong ứng dụng React của mình.