상품 나열된 페이지들에 상품 항목마다 찜버튼 있는데
누르면 빈하트가 꽉 찬 하트로 변하게 하고싶은데
찜 버튼 누르면 데이터베이스에 찜한 사람 집어넣고 한번더 누르면 삭제하는거 까지는 구현했는데
상품들 반복문 돌려서 불러왔을때 찜버튼 눌렀을 때 새로고침 없이 빈하트가 꽉 찬 하트로 변하게 하고 싶은데 이 부분에서 애먹고있음
useState훅이랑 useEffect훅 써서 하면 될 거 같은데
어떻게 해봐도 잘안되네 ㅜㅜ
조언 좀 구할 수 있을까?
누르면 빈하트가 꽉 찬 하트로 변하게 하고싶은데
찜 버튼 누르면 데이터베이스에 찜한 사람 집어넣고 한번더 누르면 삭제하는거 까지는 구현했는데
상품들 반복문 돌려서 불러왔을때 찜버튼 눌렀을 때 새로고침 없이 빈하트가 꽉 찬 하트로 변하게 하고 싶은데 이 부분에서 애먹고있음
useState훅이랑 useEffect훅 써서 하면 될 거 같은데
어떻게 해봐도 잘안되네 ㅜㅜ
조언 좀 구할 수 있을까?
앞뒤가안맞는데..찜버튼 누르면 디비로 집어넣는함수에서 같이 처리하면 되는거아님?
그렇게 하면 되긴 하는데 이게 문제가 로그인된 유저가 찜한 것만 하트가 꽉차야하는데 전체 상품들이 찜한것으로 바뀜 내가 짠 코드에서는..
기본값을 빈하트로지정하는부분이 문제있는거아닐까
state로 만들어서 기본 state는 빈하트고 db에 데이터 추가되면 꽉찬 하트로 바뀌게 하고있는데 이제 반복문쪽에서 if문 써서 집어넣으면 무한렌더 오류나고 그럼.. 이 부분에서 좀 해매는중임
반복문 쪽에서 로그인된 uid가 상품데이터에 찜필드에 uid값이 있으면 꽉 찬 하트로 보이게 코드 썼는데 무한렌더가 일어남..
스테이트 업데이트 과정을 제대로 이해하지못하고 짠 코드이거나 기본적인 값비교실수일수도있겠다
값비교 하고 콘솔에 찍어봤을땐 괜찮은데 아마 스테이트 업데이트 부분에서 에러가 나는거 같음 반복문 안에서 스테이트 변경이 이뤄줘서 무한으로 반복하는건가?? 그래서 useEffect로 처음 마운트 됐을 때 찜 필드에 로그인uid 있는거 가져온다음 거기서 무언가를 해야하나? 하고 생각중 아 이게 뭔가 제이쿼리로 하면 쉽게 구현할 수 있을 거 같은데
단순토글구현아니냐.. 찜 누를때마다 ui 업데이트하고 db업데이트하고 - dc App