use axios in javascript code example

Example 1: import axios

import axios from "axios";

Example 2: include axios in javascript

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

Example 3: axios js and react

import React from 'react';

import axios from 'axios';

export default class PersonList extends React.Component {
  state = {
    persons: []
  }

  componentDidMount() {
    axios.get(`https://jsonplaceholder.typicode.com/users`)
      .then(res => {
        const persons = res.data;
        this.setState({ persons });
      })
  }

  render() {
    return (
      <ul>
        { this.state.persons.map(person => <li>{person.name}</li>)}
      </ul>
    )
  }
}

Example 4: how to use axios get

const req = async () => {
  const response = await axios.get('https://dog.ceo/api/breeds/list/all')
  console.log(response)
}
req() // Calling this will make a get request and log the response.

Example 5: axios

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

Tags:

Misc Example