Не удается отобразить изображение из папки проекта

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"
    />`