React Flicking: 데이터 갱신 문제

[leye195]

Description

패널 데이터 목록을 api를 통해 불러오고 일정 간격으로 새로운 데이터들로 교체하고자 하며 데이터가 갱신되기 이전까지는 circular: true 옵션을 통해 이전 데이터를 계속 보여주고자 합니다.

데이터 갱신시 데이터가 의도와 다르게 다른 값이 노출되는 이슈가 발생하게 되는데 혹시 배널 데이터 변경을 감지 혹은 변경될 경우 index 값을 변경 할 수 있는 방법이 있을까요?

Steps to check or reproduce

https://codesandbox.io/s/cocky-diffie-vd0e4z?file=/src/App.js

[malangfox]

안녕하세요 @leye195 님.

남겨주신 현상과 같이 데이터가 갱신된 이후 인덱스가 잘못 설정되는 경우는 renderOnlyVisible 옵션이 활성화되었을 때 발생하는 저희 쪽 코드 오류로 추정됩니다. 이 현상의 자세한 원인을 확인하며 오류를 수정하는 중에는 renderOnlyVisible 옵션을 비활성화시켜서 일시적으로 문제를 해결할 수 있을 것 같습니다.

이슈가 해결된 패치가 배포될 시 연락을 남기도록 하겠습니다.

감사합니다.

[malangfox]

@leye195

renderOnlyVisible 옵션이 비정상적으로 작동하던 것은 훅 내부에서 패널 목록을 갱신할 때 패널 목록이 올바르게 갱신이 이루어지지 않던 오류로 인해 발생하던 것으로 확인되었습니다. 남겨주신 이슈가 해결된 react-flicking 4.10.1 버전이 배포되었습니다. 패널 목록을 갱신하실 경우 새로운 목록의 첫 번째 패널이 현재 패널로 설정되며, 새 패널의 현재 위치에 기존 패널의 현재 위치가 그대로 반영되기를 희망하신다면 패널 div의 key를 기존 패널과 동일하게 설정하면 될 것 같습니다.

4.10.1 버전을 이용하여보시고 문제를 겪으시게 된다면 이슈를 남겨주세요.