When I'm trying to return my res.data from my function and then console.log it I get undefined but if I console.log it from inside the function I get the normal result
const getDefaultState = () => { axios .get("http://localhost:5000/urls/todos") .then((res) => { if (res.data) { console.log(res.data); return res.data; } }) .catch((err) => console.log(err)); }; console.log(getDefaultState());
so I get first
(3) [{…}, {…}, {…}]
(the normal value) but then from outside I get
undefined
You need to return the call as well:
const getDefaultState = () => {
return axios.get("http://localhost:5000/urls/todos")
.then((res) => {
if (res.data) {
console.log(res.data);
return res.data;
}
}).catch((err) => console.log(err));
}
You should return the promise instead.
const getDefaultState = () =>
axios
.get("http://localhost:5000/urls/todos")
.then((res) => {
if (res.data) {
console.log(res.data);
return res.data;
}
})
.catch((err) => console.log(err));
That way you can listen to the result outside the function:
getDefaultState().then(/* do stuff */);
// or
const res = await getDefaultState();
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.