如何將 React Native 與 django rest api 連接

Question

我構建了一個簡單的 django rest api 現在我需要使用 React Native 從前端獲取數據。 我可以向 api 提出請求，但數據不是來自那里。 我搜索了很多但沒有找到任何幫助提前謝謝...

Answer 1

npm 安裝 axios

const axios = require('axios')

export const App = () =>{
const Your_Request = () =>{
const config= {
method:'get',
url:'YOUR URL',
}
axios(config).then((response)=>{
console.log('response',response)
}).catch((error)=>{
console.log('error',error)})
}
return (<View></View>)
}

Answer 2

您應該首先嘗試查看您的 API 是否正常工作。 為此，我可以向您推薦 Postman ( https://www.postman.com/ )。 它是免費的，帶有直觀的 GUI，並允許您向 API 發出請求，查看返回的數據、狀態代碼、標題等。

一旦 API 正確返回數據，您需要在 React 應用程序中獲取數據。 為此，您可以將fetch()請求放在相應的生命周期方法中，盡管如果您需要身份驗證等，這將很快變得繁瑣。另一個選擇是使用 React 掛鈎構建服務基礎架構以共享 state（例如 API 令牌) 跨組件樹。 這是我寫的關於如何做到這一點的帖子： https://schneider-lukas.com/blog/react-connect-rest-api 。