Повторная отрисовка проблемы с миниатюрами в пакете реагировать на карусель - PullRequest
Новая
       4

Повторная отрисовка проблемы с миниатюрами в пакете реагировать на карусель

0 голосов
/ 26 апреля 2020

Я использовал этот пакет для функциональности ползунка, но у них есть некоторая проблема с миниатюрами, первоначально, когда данные передаются в этот компонент карусели, он правильно отображает ползунок и его изображение, но в следующий раз, когда состояние обновляется с помощью новые данные, тогда ползунок обновляется в соответствии с новым состоянием, но миниатюры не обновляются. 

`<Carousel
      showArrows={false}
      thumbWidth={373}
      showIndicators={false}
 >
                            {
                                storiesSlides.map(story => (
                                    <div key={story.storyId} className={s.contentWrapper} onClick={() => openStoryDetails()}>
                                        <img className={s.image} src={Image1} alt="img" />
                                        <div className={s.right}>
                                            <div className={cn("headline", s.headline)}>
                                                <ResponsiveEllipsis
                                                    unsafeHTML={`<p>${story.storyTitle}</p>`}
                                                    maxLine='2'
                                                    ellipsis='...'
                                                    basedOn='words'
                                                />
                                            </div>
                                            <p className={s.author}>{story.createdBy}<span className={s.likes} style={{ backgroundImage: `url(${LikedIcon})` }}>15</span></p>
                                            <div className={s.description}>
                                                <ResponsiveEllipsis
                                                    unsafeHTML={`<p>${story.storyBody}</p>`}
                                                    maxLine='12'
                                                    ellipsis='Read more'
                                                    basedOn='words'
                                                />
                                            </div>
                                        </div>
                                    </div>
                                ))
                            }
</Carousel>`
...