axiosは、JavaScriptで簡単にウェブサーバーやAPIと通信するためのライブラリです。

インストール

npm install axios

Reactでaxiosを使うためにはインストールが必要になります。

axiosをReactコンポーネントで使用する

axiosをimportします。

import React, { useState, useEffect } from 'react';
import axios from 'axios';

function Sample() {
  const [data, setData] = useState([]);

  useEffect(() => {
    axios.get('https://api.example.com/data')
      .then((response) => {
        setData(response.data);
      })
      .catch((error) => {
        console.error('Error fetching data:', error);
      });
  }, []);

  return (
    <div>
      {/* ページ */}
    </div>
  );
}

export default Sample;