내가 짜야하는 게시판 구조는
들어가자마자 보이는 전체 게시판 /board
자유게시판 /board/free
알바고민 게시판 /board/partTime
대타 구해요 게시판 /board/cover
이었다.
여기서 들어가자마자 보이는 전체게시판에서 select의 option을 변경하여 다른 게시판으로 페이지가 넘어가는 것이다. 이 부분은 nested router와 Outlet을 사용하여 처리해주었다. 또한 전체게시판 페이지에서 const boardMatch = useMatch("/board”);를 사용하여 boardMatch가 null이면 전체게시판이 아니라는 것이므로 null이 나오도록하고 boardMatch가 null이 아닐 시 전체게시판이므로 전체게시물에 해당하는 게시물 카드들이 나오도록 하였다.
+ 리턴 안에서 바로 map을 돌리는 게 아니라 위에서 처럼 리턴 안에 있는 또다른 컴포넌트에서 map을 돌리는 것이라면 반드시 return을 써야한다…..이것 때매 3시간을 고생함….하ㅠㅠㅠㅠㅠㅠㅠ 데이터는 잘 불러와지는데 화면에는 죽어도 안떠서 아무리 봐도 몰랐는데, return을 반드시 써야하는 경우와 안 써도되는 경우가 다르다는 것을 알게 되었다. 다음부터는 꼭 조심하자!!!
같은 조원의 코드인데 이 경우에는 함수에서 return하는 부분에 바로 map을 돌려서 map안에서 따로 return을 안써도 되는 것 같다!!!
나의 실수를 알게 된 블로그 링크...
[React] js에서 map으로 순회할 때 렌더링이 되지 않는 경우
이번엔 에러는 아니지만, 원하는대로 프로그램이 돌아가지 않는 현상이다. 일기장 프로그램을 만들기 위해 아래와 같은 임시데이터를 만들었다고 하자. const dummyList = [ { id: 1, author: 'author1', conte
kth990303.tistory.com
'TIL' 카테고리의 다른 글
| [20230317] 리액트 성능최적화 Hook (useMemo, useCallback) (0) | 2023.03.17 |
|---|---|
| [221219] 좋아요 기능 구현 요구 사항 (0) | 2022.12.19 |
| [221207] setState의 함수형 업데이트방식 / URI vs URL vs URN / query parameter, query string, path variable (0) | 2022.12.07 |
| [221207] css hover와 비동기처리 (1) | 2022.12.07 |
| [221206] Todo 리스트 페이지를 리덕스와 라우터 사용하여 만들기 (0) | 2022.12.06 |