Javascript 添加新的Swiper.js幻灯片作为React组件

如果我希望附加幻灯片，并且希望在

isActive

状态下传递，应该如何完成？我希望做以下几点：

swiper.current.swiper.appendSlide(
<SwiperSlide>
    {({ isActive }) => (
        <MyComponent arg1={arg1} arg2={arg2} active={isActive} />
    )}
</SwiperSlide>)

swiper.current.swiper.appendSlide(
{（{isActive}）=>(
)}
)

但是。我的组件需要知道它当前是否处于活动状态。谢谢你的帮助，谢谢

编辑：这个问题现在是多余的，因为在React中处理一组幻灯片的正确方法是使用数组映射。将幻灯片推到幻灯片数组的后面，并删除任意索引处的幻灯片。每个渲染幻灯片的关键点都是唯一的，这一点至关重要，因此我使用了严格递增的计数来确保这一点