Next js клиентские запросы

Question

Хочу зделать запрос на сервер с клиента но проблема в том что, если я перезагружаю страницу в консоли я получаю пустой массив и undefined, если я поменяю чтото в коде(чтоб началась компиляция) то тогда на клиент приходяд данные, можно ли это исправить?

const router = useRouter()
const { id } = router.query
const URL = `http://localhost:4500/theme/${id}`

useEffect(() => {
    async function fetchData() {
        if (id) {
            setLoad(true)
            const response = await fetch(URL)
            const data = await response.json()
            setData(data)
            setLoad(false)
        }
    }
    fetchData()
}, [])

Answer 1

const {data, setData} = useState('');
useEffect(() => {
    async func(){
        const res = await fetch(url);
        const data = await res.json();
        setData(data)
    }

   func();
}, [])




return ({data === '' ? <div>loading...</div> : <div>data</div>});

БЛОГ НА HUSL

Next js клиентские запросы

Ответы (1 шт):