01_PROJECT/CHAE's Vibe_20232 카테고리별 상품 목록 보여주기 NavBar는 아래와 같이 화면을 만들었는데 개별 화면으로 넘어가야할 것들은 리액트 라우터의 Link를 통해 넘기고 카테고리는 따로 컴포넌트를 만들었다. 카테고리 컴포넌트 useProducts()훅스를 통해서 받아온 데이터인 products에서 category만 가져온다. 중복을 피하기 위해 Set이라는 자료구조를 사용하고 새로운 배열로 만든다. [new Set(dataCategories]를 하게 되면 Set객체를 감싸는 배열이 된다는 거. [...new Set(dataCategories] 스프레드 연산자를 사용해야 새로운 배열을 생성해준다. 그리고 ALL을 추가하고 ETC는 뒤로 가야해서 저렇게 코드를 썼다...저래도 되는 건가.. 카테고리 별 상품이 보여질 페이지는 AllProduct.jsx인데 이 .. 2023. 10. 28. client.defaultQueryOptions is not a function 에러 해결하기 분명 코드엔 문제가 없는데 계속 이런 에러가 떴다... 예전에 3버전이 썼던 것 같은데 package.json 들어가보니 지금은 5버전이다. 공식 문서에 들어가 보니 아래처럼 코드를 쓰라고 되어있다. 참고자료 https://tanstack.com/query/v5/docs/react/guides/queries Queries | TanStack Query Docs Query Basics A query is a declarative dependency on an asynchronous source of data that is tied to a unique key. A query can be used with any Promise based method (including GET and POST methods).. 2023. 10. 24. 이전 1 다음