첫 번째 풀 스택 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 후크에서 다시 가져오기를 많이 시도했지만 캐러셀이 새로 고쳐지지 않습니다.
거의 모든 구성 요소에 핵심 소품을 배치하기도 했습니다. 하지만 버그는 여전히 존재합니다.
이 문제 해결하신 분 계신가요? 어쩌면 내 코드가 구조가 너무 좋지 않아서(저는 초보자입니다) 프로덕션 환경에서 이 오류가 알려지지 않았을 수도 있습니다.
도움을 주셔서 정말 감사합니다.
P粉7640035192024-01-29 19:19:35
예를 들어 반응 상수 내부에 if를 생성할 수 있습니다
으아아아비슷한 문제가 있었지만 맞춤 포인트를 사용했습니다. 위 코드가 작동하지 않으면 이것을 시도하고 상수 carouselItem< /strong>(예제의 다중 캐러셀 공급자에 반응, 문서 참조)에서 배열을 사용해 보세요. 내 파일이 다음과 같을 때 const carouselItems = ['']와 같은 데이터 변수보다 작은 숫자를 사용합니다. 으아아아