React - Axios - DELETE request

0 points
Created by:

In this article, we would like to show you how to make Axios DELETE requests in React.

Note: it is required to add external library to run below example, so use:

npm install axios

Axios DELETE request example

In the example below, we use async-await, but you might as well do it on promises.

Note: we are making a request to jsonplaceholder, so the example will work when you copy it.

import React from 'react'
import axios from 'axios'

const App = () => {
    const handleClick = async () => {
        const response = await axios
            .catch((error) => console.log('Error: ', error));
        if (response) {

    return (
            <button onClick={handleClick}>Click to send DELETE request</button>

export default App;

Online runnable example:

Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.

React - axios

Native Advertising
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂