在React中初始化Swiper插件

Question

我正在尝试从Swiper初始化Swiper 而不是React-Id-Swiper到React中。我已经检查了React的{​​{3}}和Integrating with Other Libraries文档，但是由于Swiper是使用此代码段初始化的，因此

var mySwiper = new Swiper(".swiper-container", {
    // Optional parameters
    direction: "vertical",
    loop: true, // If we need pagination
    pagination: {
        el: ".swiper-pagination"
    }, // Navigation arrows
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev"
    }, // And if we need scrollbar
    scrollbar: {
        el: ".swiper-scrollbar"
    }
});

使用Swiper类的实例而不是使用sortable()之类的方法，我似乎无法使它们协同工作。 任何帮助表示赞赏， 预先谢谢你。