그저 작은 오류이지만, 잘 모르면 나중에 큰일나는 얘기다. 그래서 문서화한다.
아래는 map 함수의 반환값인 return을 지정해주지 않았기 때문에 undefined로 반환하게 된다.
return문을 map 함수에 필히 넣어야 하는 이유이다.
return (
<div className="App">
<div>
<h2>Notes:</h2>
{notes &&
notes.map((note) => {
<div key={note._id}>
<h3>{note.title}</h3>
</div>;
})}
</div>
</div>
);
수정코드
return (
<div className="App">
<div>
<h2>Notes:</h2>
{notes &&
notes.map((note) => {
return (
<div key={note._id}>
<h3>{note.title}</h3>
</div>
);
})}
</div>
</div>
);
출력이 잘된다.
https://www.youtube.com/watch?v=jjuXRSb1UT8&list=PL-LRDpVN2fZA-1igOQ6PDcqfBjS-vaC7w&index=3
'🪁react > react 이론정리' 카테고리의 다른 글
react 공식문서 읽어보기 (0) | 2024.06.25 |
---|---|
zustand 라이브러리란?(redux 상태관리 대신 쓰는 라이브러리) (0) | 2024.02.22 |
localStorage란? (0) | 2024.02.06 |
vite 초기 환경 (0) | 2024.02.02 |
useEffect()배우기[console.log 두 번 찍히는 오류 ] (0) | 2024.01.12 |