Почему мое изображение не отображается в браузере даже после импорта BImg из bootstrap4-реагировать?

Question

Я следую приведенной ниже документации: - https://bootstrap-4-react.com/#documentation / components / navbar

И я пытаюсь реализовать приведенный ниже код.

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import { Navbar, Nav, Button, Dropdown, Form, Collapse } from 'bootstrap-4-react';
import { BImg } from 'bootstrap-4-react';
export default class Header extends Component {
render() {
const bootstrap_icon = 'C:\md5\public\logo.svg';
return (
<Navbar expand="lg" light bg="light">
<Navbar.Brand href="#">
<BImg
src={bootstrap_icon}
width="30"
height="30"
display="inline-block"
align="top"
mr="1"
/>
</Navbar.Brand>
</Navbar>
)}}

Но я не получаю вывод изображения. Я пытался определить различные пути.

Ничего не отображается как вывод 1 .

Answer 1

Изображение должно быть размещено в папке publi c. Тогда нет необходимости определять полный путь. Это будет тогда const bootstrap_icon = 'lo go .svg';