我想在react.js中使用旋转木马自动幻灯片图像，但它不能在卡片媒体中显示图片

Question

我正在使用反应js和材料用户界面，我想幻灯片图像(自动播放)在卡媒体，我不知道我做错了，请让我知道，如果有人得到知道。

<CardMedia
        component="img"
        height="194"
        image={ 
          <Carousel autoplay>
            {product.images.map((image, index) => (
              <div key={index}>
                {console.log(image)}
                <img
                  src={`http://localhost:5000/${image}`}
                />
              </div>
            ))}
          </Carousel>
        }
      />

使用此命令导入

import { Carousel } from 'react-responsive-carousel';

​

​

Answer 1

您可以通过调用相对路径并进行设置来导入图片，如下所示：

import { image } from '../../images/xxx.jpg';

<img src={image} />

我希望它能解决你的问题。