标签不显示图像

【问题标题】：React <img /> tag not showing image反应 <img /> 标签不显示图像
【发布时间】：2020-10-23 14:54:40
【问题描述】：

我在这里不知所措，这似乎很简单。

这是我的代码。

<div>
    <img src='../img/css.png' alt='CSS' />
</div>

【问题讨论】：

您能分享一下您的文件夹结构在公共文件夹中的样子吗？

标签： reactjs image url

【解决方案1】：

您需要使用以下格式从公共文件夹中导入图片：

<img
                                    alt="Duration"
                                    className={classes.hourseGlassIcon}
                                    src={process.env.PUBLIC_URL + '/assets/icons/duration.png'}
                                />

我的图片路径是：root-folder-->public-->assets-->icons/duration.png。

【讨论】：

【解决方案2】：

试试这个：

import React from 'react';
import Image from 'path/to/image';

const YourComponent = () => {
  return <img src={Image} />; 
};

【讨论】：