Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React标签未显示图像_Reactjs_Image_Url - Fatal编程技术网

Reactjs React标签未显示图像

Reactjs React标签未显示图像,reactjs,image,url,Reactjs,Image,Url,我在这里不知所措,这似乎很简单 这是我的密码 <div> <img src='../img/css.png' alt='CSS' /> </div> 您需要使用以下格式从公用文件夹导入图像: <img alt="Duration" className={classes.hourseG

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

这是我的密码

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

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

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

我的图像路径是:根文件夹->公用->资产->图标/duration.png。

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

<img
                                    alt="Duration"
                                    className={classes.hourseGlassIcon}
                                    src={process.env.PUBLIC_URL + '/assets/icons/duration.png'}
                                />
我的图像路径是:根文件夹->公共->资产->图标/duration.png。

试试这个:

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

const YourComponent = () => {
  return <img src={Image} />; 
};
试试这个:

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

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

你能分享你的文件夹结构在公共文件夹中的样子吗?你能分享你的文件夹结构在公共文件夹中的样子吗?