📅  最后修改于: 2023-12-03 15:08:47.064000             🧑  作者: Mango
在 React Native 中,我们可以使用 fetch API 来发出网络请求。下面是一些简单的步骤,演示如何在 React Native 中从前端发出 POST 请求:
我们需要安装 react-native-fetch-polyfill 或 isomorphic-fetch 可以让我们在 React Native 中使用 fetch 的 polyfill 和同构版。
npm install react-native-fetch-polyfill
或者:
npm install isomorphic-fetch
在你的代码中导入 fetch:
import {fetch} from 'react-native-fetch-polyfill';
或者:
import 'isomorphic-fetch';
现在,我们可以使用 fetch 发出 POST 请求。以下方法演示了如何设置 fetch 的参数,以进行 POST 请求:
fetch('https://example.com/api/endpoint', {
method: 'POST',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
},
body: JSON.stringify({
key: 'value',
}),
})
.then((response) => response.json())
.then((responseData) => {
console.log(responseData);
})
.catch((error) => {
console.error(error);
});
method
: 请求方法。这里设置为 POST
。headers
: 请求头信息。这里的 Content-Type
设置为 application/json
。body
: 请求的内容(如果是 POST
请求)。这里的内容是一个 JSON 对象,比如 {key: 'value'}
。最后,我们需要处理响应。在上面的示例代码中,我们使用了 then
方法和 catch
方法。
then
方法用于处理响应成功的情况。在这里,我们将响应的结果转换为 JSON,然后在控制台中输出。catch
方法用于处理响应失败的情况。在这里,我们将错误信息输出到控制台。以上就是在 React Native 中从前端发出 POST 请求的方法。可以根据需要进一步修改代码,以满足自己的需求。