将当前显示索引重置为Pnp轮播中的第一个元素

如何解决将当前显示索引重置为Pnp轮播中的第一个元素

我在我的React应用中使用了Pnp-SFX轮播控件。 在这里，我将显示“轮播”，如下所示：

                        <Carousel
                            buttonsLocation={CarouselButtonsLocation.center}
                            buttonsdisplay={CarouselButtonsdisplay.block}
                            containerButtonsstyles={styles.carouselButtonsContainer}
                            isInfinite={false}
                            interval={null}
                            startIndex={this.state.startIndex}
                            prevButtonStyles={styles.preSlide}
                            nextButtonStyles={styles.nextSlide}
                            indicatorShape={CarouselIndicatorShape.circle}
                            indicatorClassName={styles.customIndicator}
                            element={this.state.allItems} // applying JSX element
                            onMoveNextClicked={(index: number) => { }}
                            onMovePrevClicked={(index: number) => { }}                       
                        />

我将 this.state.startIndex 设置为“ 0”。 我还具有下拉菜单，可以过滤以在更改事件中显示到“轮播”项目中的特定元素。该事件通过在 this.state.allItems

中进行过滤来触发轮播中的精细过滤元素

但是，如果我们不在“轮播”的第一个元素中，则“轮播”不会显示该元素。但是过滤后的元素位于第0个索引元素中。

请为此提供帮助。

解决方法

您可以尝试同时设置 allitems和startIndex（尽管可能是一个错误，请尝试在github repository中进行报告）

setState({ startIndex: 0,allitems: youritems.filter(....) })