Reactjs 样式反应-光滑

slick.neostack到滑块，滑块导入，但我看不到任何东西，它似乎是样式导致的。但是当我尝试设计我的页面时，我不能“瞄准”我想要使用的类。我试着看这个例子：并设法将文件放入我的项目中，但我仍然无法找到正确的类来进行样式设计

有人有什么想法吗

这是我的旋转木马代码：

const settings = {
    arrows: true,
    infinite: false, // Stannar på sista
    slidesToShow: 1, // visa en åt gången
    slidesToScroll: 1, // scrolla en framåt
    autoplay: false,
    speed: 1000, // speed i själva scrollen
    autoplaySpeed: 7000, // hur länge varje bild visas
  } 
  return (
    <div className="carouselContainer">
      <Slider {...settings}>
        <div className="sliderContainer">   
        <div className="poses"> 
          <span className="poseTitle">
            <h3>{startPoseImage.name}</h3>
            <h4>{startPoseImage.sanskritname}</h4>
          </span>
          <span className="imageContainer">
            <img src={startPoseImage.image} alt={startPoseImage.name}/>
          </span>
          <p>{startPoseImage.description}</p>
        </div>
        </div>
      <div className="sliderContainer"> 
        {finalPoses.map((image) => {
          return (
          <div className="poses" key={image.id}>
            <span className="poseTitle">
              <h3>{image.name}</h3>
              <h4>{image.sanskritname}</h4>
            </span>
            <span className="imageContainer">
              <img src={image.image} alt={image.name} />
            </span>
              <p>{image.description}</p>
              <p>{image.extraMessage}</p> 
            </div>   
            )  
          })}
          </div>
        <div className="sliderContainer"> 
          <div className="poses"> 
          <span className="poseTitle">
            <h3>{finishPoseImage.name}</h3>
            <h4>{finishPoseImage.sanskritname}</h4>
          </span>  
          <span className="imageContainer">   
            <img src={finishPoseImage.image} alt={finishPoseImage.name} />
          </span>
          <p>{finishPoseImage.description}</p>
          </div>
          </div>
        </Slider>
        <button onClick={() => history.goBack()} className="backLink">
          Back
        </button>
      </div>
    )
  }

const设置={
箭头：是的，
无限：假，//斯坦纳·普西斯塔
幻灯片显示：1，//visa enåt gången
slidesToScroll:1，//scrolla en framåt
自动播放：错误，
速度：1000，//速度i själva scrollen
自动播放速度：7000，//hur länge varje bild签证
} 
返回(
{startPoseImage.name}
{startPoseImage.sanskritname}
{startPoseImage.description}

{finalPoses.map（（图像）=>{
返回(
{image.name}
{image.sanskritname}
{image.description}

{image.extraMessage}

)  
})}
{finishPoseImage.name}
{finishPoseImage.sanskritname}
{finishPoseImage.description}

history.goBack（）}className=“backLink”>
返回
)
}

我可以通过直接在设置中向滑块添加样式来解决问题。例如：

const settings = {
    arrows: true,
    infinite: false, // Stannar på sista
    slidesToShow: 1, // visa en åt gången
    slidesToScroll: 1, // scrolla en framåt
    autoplay: true,
    speed: 1000, // speed i själva scrollen
    autoplaySpeed: 7000, // hur länge varje bild visas
    adaptiveHeight: true,
    className: "center",
    centerMode: true,
    centerPadding: "60px",
  }