React-Bootstrap轮播故障

Question

嘿，我正在使用我网站上的react-bootstrap的轮播。 https://react-bootstrap.github.io/components/carousel/

我这样使用它：

<Carousel>
     {this.renderSliderData(this.state.slide)}
</Carousel>

和这样的映射：

renderSliderData(slide) {
    if (_.isNil(slide)) {
      return <div>No Datas found</div>;
    }
    const list = Object.keys(slide);

    return list.map((uID, index) => {
      const user = slide[uID];
      const { subtitle, title, img } = user;
      console.log(user);

      return (
        <Carousel.Item key={index}>
          <img className="d-block w-100" src={img.src} alt="First slide" />
          <Carousel.Caption>
            <h3>{title}</h3>
            <p>{subtitle}</p>
          </Carousel.Caption>
        </Carousel.Item>
      );
    });
}

当我的轮播更改Carousel.Item（自动或manuell）时，我的轮播跳转到网站的中间，并且直到其更改大小为止，因此轮播变大了。

如何禁用此功能，以及如何确定轮播的大小？

有人可以帮助我吗？

谢谢！