Как сделать запрос с локального хоста react axios?

Для того чтобы сделать запрос с локального хоста в React с использованием библиотеки Axios, вам понадобится выполнить следующие шаги:

1. Установите библиотеку Axios в ваш проект с помощью команды:

npm install axios

2. Импортируйте Axios в ваш файл компонента с помощью следующей строки:

import axios from 'axios';

3. В вашем компоненте определите метод или функцию, которая будет делать запрос. Например:

function fetchData() {
  axios.get('http://localhost:8000/api/data')
    .then(response => {
      console.log(response.data);
    })
    .catch(error => {
      console.error(error);
    });
}

В этом примере мы используем метод get для выполнения GET запроса на адрес http://localhost:8000/api/data. В случае успешного запроса, полученные данные будут выведены в консоль. В случае ошибки, ошибка будет выведена в консоль.

4. Чтобы вызвать эту функцию, вы можете, например, добавить кнопку в вашем компоненте и связать ее с функцией fetchData:

function MyComponent() {
  return (
    <div>
      <button onClick={fetchData}>Загрузить данные</button>
    </div>
  );
}

Теперь, при нажатии на кнопку "Загрузить данные", будет выполнен запрос к http://localhost:8000/api/data и результат запроса будет выведен в консоль.

Обратите внимание, что вы должны заменить http://localhost:8000/api/data на адрес вашего сервера или API, с которым вы хотите установить соединение.

Кроме того, убедитесь, что ваш сервер или API настроен для принятия запросов от локального хоста и что ваше приложение React работает на том же порту, что и ваш сервер или API.