安装并保存 axios react - Shell-Bash

在开发 React 应用的过程中，我们通常需要引入第三方库来实现某些功能。而 axios 是一个非常流行的 HTTP 请求库，可以帮助我们进行网络请求。本文将介绍如何在 React 项目中安装并使用 axios。

安装

在开始使用 axios 前，我们需要先将其安装到项目中。可以通过以下命令来安装：

npm install axios

使用

安装完 axios 后，我们就可以开始使用它了。在 React 组件中，我们可以通过以下方式来使用 axios：

import React from 'react';
import axios from 'axios';

class MyComponent extends React.Component {
  componentDidMount() {
    axios.get('http://api.example.com/data')
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.error(error);
      });
  }
  
  render() {
    return (
      <div>Hello, World!</div>
    );
  }
}

这里我们使用了 axios 的 get 方法来发起 HTTP GET 请求，并通过 then 和 catch 方法来处理请求成功和失败的情况。

保存到 package.json

如果我们希望在安装 axios 时，同时将其保存到 package.json 文件中的 dependencies 中，可以通过以下命令来进行安装：

npm install axios --save

这样安装完 axios 后，它就会被自动添加到 package.json 文件中的 dependencies 中，方便以后维护。