How can I use the data received after using fetch?

Asked May 06 '21 at 00:57

Active May 06 '21 at 01:03

Viewed 22 times

I'm trying to build an app that gives the user random quotes. To get the quotes I'm using an API, from https://animechan.vercel.app/guide#quotes-by-anime. When I call

fetch('https://animechan.vercel.app/api/random')
        .then(response => response.json())
        .then(quote => console.log(quote))

It logs in the console the follow:

Object {
  "anime": "Kuroko No Basket",
  "character": "Kuroko No Basket",
  "quote": "No matter how hard you practice, \"someday\" and \"maybe\" aren't good enough. I need to know if you have ambitious goals and the will to accomplish them."
}

Is there a way to get anime, character, and quote in different variables, so that I can manipulate inside my code?

asked May 06 '21 at 00:57

cedoispir

You can assign the value of `quote.anime` etc. to variables that have been declared before the `fetch` block and reuse them further down in the code. – Christian Ivicevic May 06 '21 at 01:00
Should you need the values only in the `then` block you can just work with `quote.anime` etc. directly. – Christian Ivicevic May 06 '21 at 01:00

How can I use the data received after using fetch?

0 Answers0