我有以下帶有 Slick 輪播的 React 應(yīng)用程序。我創(chuàng)建了一個(gè)自定義“下一步”按鈕，需要執(zhí)行該slickNext()方法才能繼續(xù)到下一張幻燈片。Slick carousel 文檔和一些問(wèn)題的答案都提到了以下調(diào)用方法的方式slickNext()。問(wèn)題是我收到錯(cuò)誤 slider.slick is not a function。這是我到目前為止所嘗試過(guò)的gotoNext = () => {    var slider = document.getElementsByClassName("sliderMain")[0];    console.log("set", slider)    slider.slick("slickNext");}const SampleNextArrow = (props) => {        const { className, style } = props;        return (            <div                className={className}                onClick={this.gotoNext}            />           );        }    const settings = {        dots: true,        infinite: false,        speed: 500,        slidesToShow: 1,        slidesToScroll: 1,        swipe: false,        nextArrow: <SampleNextArrow className="customSlickNext" />,    };    <Slider       id="sliderMain"       {...settings}       className="sliderMain"       afterChange={this.changeSlide}    >{ /* slider goes here */}    </Slider>我該如何解決這個(gè)問(wèn)題？