ReactJS猫头鹰旋转木马不'；t更新项目文本值

我正在制作一个reactjs应用程序，它在登录页上有一个owlcarousel，我面临的问题是，每当我使用i18n改变语言，使用changeLanguage（lng），它就会更新每一个文本，除了owlcarousel中的文本。。这有什么补救办法吗

我想提到的是，当我再次单击语言更改（第二次）时，它会正确更改，但同样，切换到下一种语言也需要两次单击，以便重新播放owlcarousel项目）

{this.slider=el；}}
自动播放超时={4000}
>
**{i18n.t（'Slider2Sub'）}**
{i18n.t（'Slider2Head'）}

<OwlCarousel
                items={this.state.items}
                loop
                autoplaySpeed={700}
                navSpeed={700}
                dotsSpeed={700}
                lazyLoad
                lazyContent
                // autoplay
                autoRefresh
                nav
                navText={["<i class='far fa-chevron-left fa-2x'></i>","<i class='far fa-chevron-right fa-2x'></i>"]}
                ref={(el) => { this.slider = el; }}
                autoplayTimeout={4000}

            >

            <header className="masthead">
            <picture>
              <source srcSet="../assets/img/slider1.jpg" type="image/jpg" />
              <source srcSet="../assets/img/slider1.jpg" type="image/jpg" />
              <img className="img-fluid" src="../assets/img/slider1.jpg"style={{position: 'absolute', filter: 'brightness(100%)', top: '0px',width: '100%',minHeight: "100%" , height: "-webkit-fill-available", objectFit: 'cover', backgroundColor: 'white'}}  alt="links" />
            </picture>
              <div id="carouselExampleIndicators"  className="carousel slide" data-ride="carousel">

                <div className="row">
                <div className="col-md-12">
                  <div className="carousel-item active">
                    <div className="container">
                     <div className="masthead-heading text-uppercase" style={{ width: '70%', fontSize: '5vh', letterSpacing: '0.3rem', lineHeight: '4.2rem'}}>**{i18n.t('Slider2Sub')}**<br />{i18n.t('Slider2Head')}</div>
                      <a className="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">{i18n.t('MoreBtn')}</a>
                    </div>
                  </div>
                  </div>

                  </div>
                </div>

            </header>
</OwlCarousel>