小编sha*_*han的帖子

img 未显示在 reactstrap 轮播中

尝试使用标签和类名让图像显示在 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)

reactjs bootstrap-4 reactstrap

4
推荐指数
2
解决办法
2692
查看次数

标签 统计

bootstrap-4 ×1

reactjs ×1

reactstrap ×1