-1

反应引导轮播不工作

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

类 HomeSlider 扩展 React.component { render() { return(

第一张幻灯片标签

Nulla vitae elit libero，一种 pharetra augue mollis interdum。

          <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”）。此错误发生在构建期间，无法消除。

4

1 回答 1

1

您需要像这样导入：

import Carousel from 'react-bootstrap/Carousel'
于 2019-07-19T12:33:44.313 回答