xxxxxxxxxx
import axios from "axios";
/// DELETE REQUEST
handleDeleteById(id).then((res) => {
alert("deleted")
});
function handleDeleteById(id) {
// console.log(data);
// {name: "mysore", population: 11111, country: "India"}
return axios({
baseURL: "baseURL",
url: `/${id}`,
method: "DELETE"
});
}
xxxxxxxxxx
//instead of
axios.put(url, { foo: "bar" });
//wrap the data in the data propery of a new object
axios.delete(url, { data: { foo: "bar" } });
xxxxxxxxxx
const cancelTokenSource = axios.CancelToken.source();
axios.get('/user/12345', {
cancelToken: cancelTokenSource.token
});
// Cancel request
cancelTokenSource.cancel();
xxxxxxxxxx
//Starting from v0.22.0 Axios supports AbortController to cancel requests in fetch API way:
const controller = new AbortController();
axios.get('/foo/bar', {
signal: controller.signal
}).then(function(response) {
//...
});
// cancel the request
controller.abort()
xxxxxxxxxx
axios.delete(url, { data: { foo: "bar" }, headers: { "Authorization": "***" } });
xxxxxxxxxx
// Create a cancel token source
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
// Make an HTTP request with Axios
axios.get('https://api.example.com/data', {
cancelToken: source.token
})
.then(response => {
// Handle the response
console.log(response.data);
})
.catch(error => {
// Check if the request was cancelled
if (axios.isCancel(error)) {
console.log('Request cancelled', error.message);
} else {
// Handle other errors
console.log('Error:', error.message);
}
});
// Cancel the request
source.cancel('Request cancelled by the user.');
xxxxxxxxxx
// method .delete
axios.delete("URL")
.then(res => console.log(res.data));
xxxxxxxxxx
//Delete contacts
const deleteContctOf = (person) => {
console.log(person)
console.log('delete contact ' + person.id + ' ????')
if (window.confirm("Do you really want to delete this person")) {
contactService
.remove(person.id)
.setPersons(persons.map(person => person.id !=== id))
this solved the question
} else {
return
}
}
xxxxxxxxxx
import axios from 'axios'
const query = useQuery(['todos'], ({ signal }) =>
axios.get('/todos', {
// Pass the signal to `axios`
signal,
})
)
xxxxxxxxxx
import axios from "axios";
import React from "react";
const baseURL = "https://jsonplaceholder.typicode.com/posts";
export default function App() {
const [post, setPost] = React.useState(null);
React.useEffect(() => {
axios.get(`${baseURL}/1`).then((response) => {
setPost(response.data);
});
}, []);
function deletePost() {
axios
.delete(`${baseURL}/1`)
.then(() => {
alert("Post deleted!");
setPost(null)
});
}
if (!post) return "No post!"
return (
<div>
<h1>{post.title}</h1>
<p>{post.body}</p>
<button onClick={deletePost}>Delete Post</button>
</div>
);
}