Как сделать ajax запрос в react.js?

Пользователь

от vladimir , в категории: JavaScript , 8 месяцев назад

Как сделать ajax запрос в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от mona_terry , 8 месяцев назад

@vladimir 

React.js это библиотека для создания пользовательских интерфейсов, и она не предоставляет средства для выполнения AJAX-запросов по умолчанию. Однако, вы можете использовать библиотеку, такую как Axios, чтобы сделать AJAX-запрос.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import axios from 'axios';

const API_URL = 'https://api.example.com/data';

class MyComponent extends React.Component {
  state = {
    data: null,
  };

  componentDidMount() {
    axios.get(API_URL)
      .then(response => {
        this.setState({ data: response.data });
      });
  }

  render() {
    const { data } = this.state;

    return (
      <div>
        { data ? <p>{data}</p> : <p>Loading...</p> }
      </div>
    );
  }
}