Выполнение GET-запросов с использованием Axios в React: методы и примеры

  1. Метод 1: базовый запрос GET с использованием Axios в React:

    import axios from 'axios';
    axios.get('your-api-endpoint')
    .then(response => {
    // Handle success
    console.log(response.data);
    })
    .catch(error => {
    // Handle error
    console.error(error);
    });
  2. Метод 2: использование Async/Await с запросом Axios GET в React:

    import axios from 'axios';
    async function fetchData() {
    try {
    const response = await axios.get('your-api-endpoint');
    console.log(response.data);
    } catch (error) {
    console.error(error);
    }
    }
    fetchData();
  3. Метод 3. Использование экземпляра Axios для запроса GET в React:

    import axios from 'axios';
    const instance = axios.create({
    baseURL: 'your-base-url',
    timeout: 5000 // optional timeout value
    });
    instance.get('your-api-endpoint')
    .then(response => {
    console.log(response.data);
    })
    .catch(error => {
    console.error(error);
    });

Это несколько примеров того, как вы можете отправлять GET-запросы с помощью Axios в приложении React. Не забудьте заменить 'your-api-endpoint'фактической конечной точкой API, из которой вы хотите получить данные.