Question 247766 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – React fetch doesn't show correct result. Api from laravel

enter image description hereI did a simple backend in laravel where a function return an array of elements.
In React I do a fetch and after I do a console log but I don’t see the elements.

Backend works well because I’ve tested it on postman

  const list = fetch('http://127.0.0.1:8000/api/getlist')

  console.log(list)

in console I see:
[[PromiseResult]] :
Response
body
:
(…)
bodyUsed
:
false
headers
:
Headers {}
ok
:
true
redirected
:
false
status
:
200
statusText
:
"OK"
type
:
"cors"
url
:
"http://127.0.0.1:8000/api/getlist"
[[Prototype]] :
Response
arrayBuffer
:
ƒ arrayBuffer()
blob
:
ƒ blob()
body
:
(…)
bodyUsed
:
(…)
clone
:
ƒ clone()
formData
:
ƒ formData()
headers
:
(…)
json
:
ƒ json()
ok
:
(…)
redirected
:
(…)
status
:
(…)
statusText
:
(…)
text
:
ƒ text()
type
:
(…)
url
:
(…)
constructor
:
ƒ Response()
Symbol(Symbol.toStringTag)
:
"Response"
get body
:
ƒ body()
get bodyUsed
:
ƒ bodyUsed()
get headers
:
ƒ headers()
get ok
:
ƒ ok()
get redirected
:
ƒ redirected()
get status
:
ƒ status()
get statusText
:
ƒ statusText()
get type
:
ƒ type()
get url
:
ƒ url()
[[Prototype]] :
Object

Tags:

2

Answers


  1. 0

    Just do list.json() and you will get correct result.

    Login or Signup to reply.
  2. 0

    fetch returns a Promise object. You need to await fetch to get its response. Check the doc here.

    const response = await fetch('http://127.0.0.1:8000/api/getlist')
const list = await response.json();
console.log(list);
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search