useState 사용 오류
553
작성한 질문수 1
코드는 영상과 똑같이 작성하고 useState를 사용하니 컴파일은 성공했지만 브라우저에선 아래와 같은 오류가 발생하면서 흰 화면만 보입니다ㅠㅠ 해결할 수 있도록 도와주세요!
Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
답변 1
0
useState를 컴포넌트 함수 안에서 사용하셔야 합니다. 컴포넌트 안으로 옮겨보시고 해보시겠어요? 그래도 안되면 코드를 복사해서 여기에 올려주세요^^
0
작성했던 코드입니다...!
import { useState, useEffect } from "react";
import axios from "axios";
const ListPage = () => {
const [posts, setPosts] = useState([]);
const getPosts = () => {
axios.get('http://localhost:3001/posts').then((res) => {
setPosts(res.data);
})
};
useEffect(() => {
getPosts();
}, []);
return (
<div>
<h1>Blogs</h1>
<h1>{posts}</h1>
</div>
);
};
export default ListPage;UserEffect 빈 배열 사용 질문입니다
0
136
2
Pagination 페이지 별 데이터 불러오기 오류
0
250
1
설명이 부족 한 듯..
0
292
1
pagination nav가 안보여요
0
214
1
블로그 낫 파운드 ㅠㅠ
0
243
1
return (<div></div>)
0
428
2
useState 에 대해
0
212
1
에러떠요..
0
528
2
useCallback 의존성 배열
0
370
1
인자가 필수로 들어가야 하는지 궁금합니다
0
393
1
AxiosError: Network Error가 뜹니다
0
11318
3
리액트 설치하려고 하니 에러가 뜹니다
0
300
1
23강 localhost 질문드립니다!!
0
588
5
renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?
0
284
1
페이지네이션 버그 있습니다.
0
398
1
글 삭제 기능 구현 방법
0
314
1
react-router-dom 버전 업그레이드에 따른 문제
0
410
1
state가 업데이트되는 기준이 궁금합니다.
0
303
1
id가 두번 찍혀요
0
265
2
error handling 2 => ShowPage.js, BlogForm.js에서 에러가 납니다.
0
461
2
에러 핸들링에서 토스트가 2개씩 뜹니다..
0
438
2
36 블로그 db에서 받아와서 화면에 보여주기 에서
0
268
1
13번째 DB에 저장을 따라하고 있습니다.
0
408
2
useParams 가 동작하지 않습니다.
0
815
2