如何将 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 。