css - Bootstrap Carousel Image Slider 无法在 React 中滑动
问题描述
import React, { Component } from "react";
import img1 from "./images/img1.jpg";
import img2 from "./images/img2.jpg";
import img3 from "./images/img3.jpg";
class Slider extends Component {
state = {};
render() {
return (
<div
id="carouselExampleSlidesOnly"
className="carousel slide"
data-ride="carousel"
>
<div className="carousel-inner">
<div className="carousel-item active">
<img src={img1} className="d-block w-100" alt="First Slide" />
</div>
<div className="carousel-item">
<img src={img2} className="d-block w-100" alt="Second Slide" />
</div>
<div className="carousel-item">
<img src={img3} className="d-block w-100" alt="Third Slide" />
</div>
</div>
</div>
);
}
}
export default Slider;
我正在尝试在 React 中使用引导程序的 Carousel 组件(版本 6.13.4)开发“图像滑块”。我的滑块只是加载第一张图片。它不会滑动到下一个图像。以上是我的滑块组件。请帮助我了解这里出了什么问题?
解决方案
推荐阅读
- mapbox - Mapbox GL JS update Coordinates of places Layer
- javascript - Angular 7,如何为 IE11 将导入的模块转换为 es5
- python - Django 在“意外的关键字参数'allow_blank'”上失败,即使我正在关注文档
- css - 带圆角的矩形微调器
- python-3.x - python打印输出两次
- java - 底部导航栏(布局)被键盘向上移动
- android - 使用 Fabric 从不同的 Mac 发布未签名的 apk
- jquery - JQuery UI 选项卡关闭小部件按钮
- r - 使用 RSelenium 获取网页中的所有 twitter 链接
- mysql - sqoop 增量导入:导入失败:使用--incremental lastmodified 时需要--merge-key 或--append 且输出目录存在