Question

React-bootstrap轮播无法正常工作

从'react'导入React；从“ react-bootstrap”导入轮播；

Class HomeSlider类扩展了React.component { render（）{ 返回（

第一个幻灯片标签

Naula vitae elit libero，一种无缘的软体动物。

          <Carousel.Caption>
            <h3>Second slide label</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          </Carousel.Caption>
        </Carousel.Item>
        <Carousel.Item>
          <img
            className="d-block w-100"
            src="holder.js/800x400?text=Third slide&bg=20232a"
            alt="Third slide"
          />

          <Carousel.Caption>
            <h3>Third slide label</h3>
            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
          </Carousel.Caption>
        </Carousel.Item>
      </Carousel>
    );
}

} 导出默认的HomeSlider；

编译失败 ./src/components/HomeSlider.js 尝试导入错误：“ react-bootstrap”不包含默认导出（导入为“ Carousel”）。该错误在构建期间发生，无法消除。

Answer 1

您需要这样导入：

import Carousel from 'react-bootstrap/Carousel'

React Bootstrap Carousels组件无法正常工作出现错误

第一个幻灯片标签

1 个答案: