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

 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>
    );
  }
}