反应<img />标签不显示图像

Question

我在这里不知所措，这看起来是如此简单和容易。

这是我的代码。

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

Answer 1

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

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

我的图片的路径是：根文件夹->公共->资产-> icons / duration.png。

Answer 2

尝试一下：

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

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