尝试使用标签和类名让图像显示在 Carousel 的幻灯片中。我将图像保存在与 Slider.js 文件相同的文件夹中。我已将 items 数组中的默认 id 属性更改为 source 并将键更改为 item.src 但仍然没有乐趣。我在屏幕上看到小图像符号,好像它知道它正在尝试在图像上显示,但不是我想要的实际图像,如果这有意义的话
import React, { Component } from "react";
import {
Carousel,
CarouselItem,
CarouselControl,
CarouselIndicators,
CarouselCaption
} from "reactstrap";
const items = [
{
src: "slider1.jpeg",
altText: "Slide 1",
caption: "Slide 1"
},
{
src: "slider2.jpeg",
altText: "Slide 2",
caption: "Slide 2"
},
{
src: "slider3.jpeg",
altText: "Slide 3",
caption: "Slide 3"
}
];
class Slider extends Component {
constructor(props) {
super(props);
this.state = { activeIndex: 0 };
this.next …Run Code Online (Sandbox Code Playgroud)