Javascript 如何在react上使用axios发布请求

如何在reactjs上使用axiox发布请求

我正在构建一个简单的待办事项应用程序。我对后端使用mongodb和nodejs，对前端使用reactjs。 现在我需要知道如何在reactjs上使用axiox发布请求。因为我想把我所有的数据都存储在我的服务器上。我为此制作了一个crudapi

---

谢谢：）

我想你提到的是axios而不是axiox

首先，您需要安装的方法之一是使用npm，将其作为终端/windows的开发依赖项安装

npm install --save-dev axios

确保在使用axios的地方添加axios

import axios from 'axios';

然后，您可以使用axios处理任何请求。以下是来自的代码（获取请求）

确保添加错误捕获：

  .catch(function (error) {
    console.log(error);
  });

你可以阅读更多关于

---

如果您想了解更多关于axios的信息，请点击此处

，这需要更详细的答案。比如当你使用箭头函数时会发生什么

axios.get('my/api/names')
      .then(function (response) {
// you get back an object with config,data,headers,request,status,statusText
// the api im currently working with hands out an array for the data bit of 
//the object then i can loop the data and use it whatever way i want.
        response.data.forEach( item => {console.log(item)}
      })

我并不是百分之百地了解它的实际工作原理，但是当你使用关键字“then”时，这只是你的标准承诺，在then（）之后有一个then.catch（err=>{console.log（err）}）是很好的，这样可以使调试更容易一些。响应以对象的形式传递给函数，因此您可以直接使用。符号来访问该对象中的各种内容。我自己在axios上有点挣扎，我一直在读它，但是有些奇怪的规则，比如{data}在某些情况下是必需的。我希望有人能想出更好的答案。axios是一个非常好的工具，当您同时发出大量API请求时，它确实很有帮助。您可以使用axios.all（）同时执行所有请求

axios.all(myArray.map(myArr => axios.get('/domain/thing/${myArr.names}/names')))

这段代码一次只发送所有请求，在某些情况下很方便。继续阅读文档并进行尝试。我发现在chrome中设置断点、查看网络选项卡中的请求、查看源选项卡中代码的解释方式以及逐行查看值的变化非常有用。另外，我在React中使用的一个很好的工具是MobX，它只是一个状态管理工具，非常有趣，还有一个关于eggheads.io的很好的课程，其中一些德国人解释得非常好。祝您好运，React

您试过这个吗？

axios.all(myArray.map(myArr => axios.get('/domain/thing/${myArr.names}/names')))