props 가져오기

[designDev]

강의를 듣고 게시판의 목록, 상세 페이지 작업 중인데요 props를 내려서 작업중인데

1. app.js쪽에  boardList라는 state를 만들어놓고 데이터를 setBoardList 한 후에 각각 페이지에 props로 내려주었는데요

<Route path="BoardListPage" element={<BoardListPage boardList={boardList} />}/>

<Route path="BoardViewPage/:idx" element={<BoardViewPage boardList={boardList} />}/>

2. 위에 BoardListPage로 가서 boardList를 콘솔로 찍어봣을때에는 내용이 제대로 나오는데

3. 아래 BoardViewPage에서는 boardList가 아예 나오지 않습니다.

 

이럴경우 어떤부분에서 문제 인가요? ㅠㅠ

둘다 props를 받아서 console.log로 찍어보았을 때 문제입니다.

function BoardListPage({ boardList }) {
  console.log(boardList);

function BoardViewPage({ boardList }) {
  console.log(boardList);

[codingapple]

/BoardViewPage/어쩌구

페이지로 잘 접속했나요 

[designDev]

넵ㅜㅜ BoardViewPage/어쩌구 로 접속했을때 콘솔로 idx 값 찍은코드의  idx값은 제대로 나옵니다!

 

[codingapple]

undefined 이런게 나오면 props 전송이 잘못된 것이고 

아예 안나오면 컴포넌트가 import가 안되었거나 그 페이지로 접속 안했거나 비슷한 Route가 여러개 있거나 그런 경우같군요 

[designDev]

아 그렇군요 ㅠㅠ  참고해서 고쳐보도록하겠습니다 감사해요! 

 

[글쓴이]

글