我有以下帶有 Slick 輪播的 React 應用程序。我創建了一個自定義“下一步”按鈕，需要執行該slickNext()方法才能繼續到下一張幻燈片。Slick carousel 文檔和一些問題的答案都提到了以下調用方法的方式slickNext()。問題是我收到錯誤 slider.slick is not a function。這是我到目前為止所嘗試過的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>我該如何解決這個問題？