에러떠요..
525
投稿した質問数 1
막혀서 진도를 못나가고 있습니다.
BlogForm.js
const {id} = useParams();
useEffect((id) => {
axios.get(`http://localhost:3001/posts/${id}`).then(res =>{
console.log(res)
setTitle(res.data.title);
setBody(res.data.body);
})
}, [id]);강의대로 넣었는데
폼입력 페이지에서 아래와 같은 에러가 뜹니다.
axios가 문제인건가요?
서버는 재기동해도 이상없는거 같습니다.
ListPage.js(/blogs) 폴더내의 리스트와
ShowPage.js(/blogs/1)는 정상적으로 보입니다.
回答 2
0
해결 하셨나요? create 폼에서는 id가 넘어오지 않아서 useEffect에서 요청하는 id 값에 undefined가 넘어가고 있네요.
edit 폼에서는 id 값이 있어서 기존 값을 잘 불러오구요.
저는 따로 useEffect 수행하는 부분에서 editing 상태값에 따라 분기했는데 강의 코드에서는 분기 없이 잘 되는게 무슨 차이인지 모르겠습니다..
useEffect(() => {
if(editing) {
axios.get(`http://localhost:3001/posts/${id}`).then((res) => {
setTitle(res.data.title)
setBody(res.data.body)
})
}
}, [id, editing])
오히려 분기가 없으면 문제가 되어야 하는게 맞을 것 같아서요
0
앗 43강에서 해당 분기처리 코드를 설명해주시네요
원래 코드가 오류가 나는게 맞는 것 같은데..
리액트 버전에 따라서 런타임 오류를 콘솔에만 표현해주거나 화면에 저렇게 표현해주거나 하는게 아닐까 싶네요
실제로 X 버튼으로 오류창 닫으면 페이지는 잘 그려져 있고 기능은 작동 해서요.
0
프로젝트 깃헙에 올려서 링크 올려주시겠어요?
제가 한번 해보고 알려드릴게요
UserEffect 빈 배열 사용 질문입니다
0
133
2
Pagination 페이지 별 데이터 불러오기 오류
0
247
1
설명이 부족 한 듯..
0
292
1
pagination nav가 안보여요
0
213
1
블로그 낫 파운드 ㅠㅠ
0
242
1
return (<div></div>)
0
426
2
useState 에 대해
0
212
1
useCallback 의존성 배열
0
367
1
인자가 필수로 들어가야 하는지 궁금합니다
0
393
1
AxiosError: Network Error가 뜹니다
0
11295
3
리액트 설치하려고 하니 에러가 뜹니다
0
299
1
23강 localhost 질문드립니다!!
0
587
5
renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?
0
283
1
페이지네이션 버그 있습니다.
0
398
1
글 삭제 기능 구현 방법
0
311
1
react-router-dom 버전 업그레이드에 따른 문제
0
408
1
state가 업데이트되는 기준이 궁금합니다.
0
300
1
id가 두번 찍혀요
0
264
2
error handling 2 => ShowPage.js, BlogForm.js에서 에러가 납니다.
0
459
2
에러 핸들링에서 토스트가 2개씩 뜹니다..
0
435
2
36 블로그 db에서 받아와서 화면에 보여주기 에서
0
265
1
13번째 DB에 저장을 따라하고 있습니다.
0
405
2
useParams 가 동작하지 않습니다.
0
811
2
toastSlice를 store에등록할 때 질문있습니다.
0
253
1