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

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

Answer 1

尝试一下

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

在返回函数中，

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