Axios Delete Request to API with React | Delete Request with Axios and React JS

hi everyone in this video we will delete Curry card using access library in react.js so to do this so first of all I will import the axis I imported axis so first I will show you the first record that I would like to delete okay I will use use effect hook and here I will enter and I will show you display you that record that I would like to delete so I will use the axis.getter I will paste the URL I would like to use this URL this API Json placeholder API and I will fix the pulse record from this API yeah the first record and then we will get a response a result so I will display that result console.log [Music] result.data Now by pressing this button we never replace this button the record should be deleted so let's click and click and delete record let's call this one and here let's create this function delete record and we will use the axis again dot delete and here we put our URL Dot then we will get a response so that should be new Theory I will just give in our alert alert data has deleted so let's check it let's come here to the server uh we don't have the internet so let's connect to the internet first connection has restored so now let's replace the page so we have this the first record ID one title like this in the body is this so let's finish this button so let's see data has deleted so it was all about deleting a record so if you have liked the video please subscribe to our YouTube channel thanks for watching and also I have created more videos uh and git post and updation using access Library you can watch the name also thanks for watching

Channel: Code With Yousaf

Views: 2,880

Keywords: Delete Request With Axios, axios delete request, delete api with axios, delete api data with react js and axios, axios delete method, delete in react with axios, axios delete react js, get with axios, put with axios, axios tutorial

Id: BCeUIQEo0qo

Length: 2min 44sec (164 seconds)

Published: Fri Feb 03 2023