image - 无法从项目文件夹中渲染图像

Question

我无法渲染项目目录 src/images/ 中的图像。我试图将图像加载器添加到项目中，但即使这样也无济于事。

这是我的代码的一部分：

    import React from 'react';
import './styles/styles.scss';

const App = () =>
<div className = "container">
  <div className="header">
    <img id="ava" src="../src/images/img.png"></img>
    <h3>@kkdimaa</h3>
  </div>
  <img src="https://logos-download.com/wp-content/uploads/2016/02/Twitter_logo_bird_transparent_png.png" className='image' alt="Alps"/>
</div>

export default App;

完整回购：https ://github.com/dimakononenko/react-drafts

标签： imagepng

Answer 1

尝试这个，

    `import img from './src/images/img.jpg'` (check the path)

在返回函数中，

    `<img
        src={img}
        id="ava"
    />`