Почему я не могу получить данные с помощью fetch?

Question

[Snooom]

если я пишут таким синтаксисом то data у меня не пустая

const Spisok = () => {
const token = localStorage.getItem("token")
const [user, setUser] = useState([])
    useEffect(()=> {
        fetch('https://jsonplaceholder.typicode.com/users', {
            method: 'GET',
             headers: {
            "Content-Type": "application/json",
            'Authorization': `Bearer ${token}`
        },
        }).then((res) =>  res.json()).then((data) => {
setUser(data)
        })
    }, [])
    

    return (
        <>
        {
            user.map((u) => {
                return (
                    <div>
                        <p>{u.name}</p>
                    </div>
                )
            })
        }
        </>
    )
}

export default Spisok

Если так то пустая потому что res тоже пустой

import { useEffect, useState } from "react"



const Spisok = () => {
const token = localStorage.getItem("token")
const [user, setUser] = useState([])
    useEffect(()=> {
        fetch('https://jsonplaceholder.typicode.com/users', {
            method: 'GET',
             headers: {
            "Content-Type": "application/json",
            'Authorization': `Bearer ${token}`
        },
        }).then((res) => {
            res.json()
        }).then((data) => {
setUser(data)
        })
    }, [])
    

    return (
        <>
        {
            user.map((u) => {
                return (
                    <div>
                        <p>{u.name}</p>
                    </div>
                )
            })
        }
        </>
    )
}

export default Spisok

Answer 1

[chemdev]

.then((res) => {
            res.json()
        })

коллбэк ничего не возвращает

Answer 2

[0x0f80]

Во втором варианте вы забыли вернуть результат res.json(), из-за чего data становится undefined. Добавьте return res.json() в первом .then().