我在Reactjs和使用nextjs框架工作，现在我在滑块中获取数据（视频），我希望默认情况下“活动类”应添加到数组的第一个值，换句话说，在点击幻灯片之前，我希望默认值应“活动”，并应在点击“滑动箭头”（）按钮后删除< or >，我怎么能做到这一点？这里是我的代码

{this.state.trending.map((post, index) => {
return (
    <>
        <div class="carousel-item active">
        <YouTube videoId={post.VideoId} opts={opts} />
        </div>
    </>
     )
 })}