Почему картинка не отражается?

Question

[Артур]

import React from 'react'
import {render} from 'react-dom'
import './index.css'

class Header extends React.Component {
  

  render() {
      return <div>
       
      <img className = "libr" src={a.Url} alt={a.name} />
                                                              
       <h1>Main</h1>
       <h1>Forum</h1>
       <h1>Biography</h1>
       <h1>Sections</h1>

      
      </div>
  }
}
const a = {
 name: "Library",
 Url: "./libr.png"
}
render(
    <Header/>,
    document.getElementById('root')
)

Вот мой код на React. Я не пойму отчего картинка не рендерится? Приложение создавалось с помощью npm create-react-app. Я уже даже в офф документацию смотрел.Ничего не помогает

Comments

[Артур]

Вот скрин.Скомпилировало нормально, но на странице не отображается.Только alt вместо картинки.

[lnked]

у вас картинка в папке images/ а вы вставляете из директории скрипта, укажите путь к картинке ./images/libr.png

Answer 1

[Максим]

ни верный путь до картинки