첫 번째 풀 스택 MERN-App을 구축 중인데 React-multi-carousel 패키지에 대해 "작은" 질문이 있습니다.

앞면 스크린샷입니다(선택한 달(선택한 달과 이전 달)의 모든 일기를 볼 수 있는 일기 섹션입니다):

이것은 내 코드입니다: Diary-Container-Component(여기서 문제가 발생하고 캐러셀을 사용하는 경우)

CSS의 점과 화살표 위치도 수정했습니다. (그런데 이 커스터마이징을 제거한 후에도 문제가 계속 발생합니다. 따라서 오류와는 관련이 없다고 생각합니다.)

오류: 6월에서 5월로 필터를 변경할 때마다(하단 섹션에서는 월이 3월에서 4월로 변경됨) 약 10개의 항목이 있음에도 불구하고 이제 4월에는 점이나 화살표가 표시되지 않습니다.

페이지를 새로고침하고 5월을 선택하면 잘 작동하고 월 사이에 원하는 경우(6월에서 5월로 변경되는 경우 제외).

이 코드 조각을 제거하고 (diaries && (diaries.result.length < 4 ? false : true) true 를 사용하면 앱이 중단되고 다음과 같은 출력이 표시됩니다. 잘못된 배열 길이 구성 요소 포인트를 로드할 수 없습니다.

제 생각에는 캐러셀이 올바르게 새로고침되거나 다시 렌더링되지 않는 것 같습니다.

그래서 6월을 선택하면 하단에 5월 항목이 하나만 표시됩니다(그래서 점과 화살표가 표시되지 않아야 합니다). 그런 다음 5월로 변경하면 이제 4월이 맨 아래에 있고 삽입된 데이터 세트가 정확하지만(4월 항목이 표시됨) 이제 점과 화살표가 여전히 비활성화되어 있지만 10개 항목이 있으므로 활성화해야 합니다.

강제로 다시 렌더링하고 올바르게 새로 고치기 위해 useEffect 및 setState 후크에서 다시 가져오기를 많이 시도했지만 캐러셀이 새로 고쳐지지 않습니다.

거의 모든 구성 요소에 핵심 소품을 배치하기도 했습니다. 하지만 버그는 여전히 존재합니다.

이 문제 해결하신 분 계신가요? 어쩌면 내 코드가 구조가 너무 좋지 않아서(저는 초보자입니다) 프로덕션 환경에서 이 오류가 알려지지 않았을 수도 있습니다.

도움을 주셔서 정말 감사합니다.