inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Học React.js thông qua các dự án

에러떠요..

525

goleemw

1 câu hỏi đã được viết

0


41 수정 페이지 폼 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)는 정상적으로 보입니다.

 

 

 

 

 

react redux es6

Câu trả lời 2

0

HeonSeung Kim

해결 하셨나요? 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

HeonSeung Kim

앗 43강에서 해당 분기처리 코드를 설명해주시네요

 

원래 코드가 오류가 나는게 맞는 것 같은데..

리액트 버전에 따라서 런타임 오류를 콘솔에만 표현해주거나 화면에 저렇게 표현해주거나 하는게 아닐까 싶네요

실제로 X 버튼으로 오류창 닫으면 페이지는 잘 그려져 있고 기능은 작동 해서요.

0

kossiecoder

프로젝트 깃헙에 올려서 링크 올려주시겠어요?

제가 한번 해보고 알려드릴게요

0

goleemw

https://github.com/leemwdfdf/leemwdfdf.github.io

이렇게 올리면 될까요?

 

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