Why is fetch always returning undefined here?

Question

I am working on a Unit Conversion API, and I am having a lot of issues with fetch(). My backend API is working, for example, when I call curl "http://localhost:8000/unitconv/convert?to=lb&from=kg&value=10" I get the correct response: {"units": "lb", "value": 22.04623}. Yet when I do the exact same thing with fetch(), this is what I get: I have tried both localhost and 127.0.0.1 and I still cannot get past this "undefined". What's wrong here?

Udendu Abasili · Accepted Answer · 2021-04-03 06:52:02Z

1

You are using a curly bracket in the first then without a return so nothing is going to the second then . It should be

.then((response) => {return response.json()}).then(() => ...

answered Apr 3, 2021 at 6:52

Udendu Abasili

1,2232 gold badges16 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user8222775 Over a year ago

Dang I can't believe it was something this dumb I should've noticed this, I'm too used to lisp right now and JS functional programming is something else dude.

gurumaxi · Accepted Answer · 2021-04-03 07:34:49Z

1

You can simply omit the curly brackets like this:

fetch(url).then(response => response.json()).then(() =>

answered Apr 3, 2021 at 7:34

gurumaxi

4844 silver badges14 bronze badges

Collectives™ on Stack Overflow

Why is fetch always returning undefined here?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related