<script src="../node_modules/jquery/dist/jquery.min.js"></script>

    <script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>

// Used for SVG's

import { ReactComponent as Image } from "./assets/example-image.svg";

​

// For normal images (pngs, jpeg, etc)

import Image from "./assets/example-image.png";

​

const NavBar = () =>{

  return (

    <div>

        <img scr={Image} alt="Image" />

    </div>

  )

};

import mainLogo from'./logoWhite.png';

​

<img  src={mainLogo} style={nbStyle.logo} alt="fireSpot"/>

​

import mainLogo from'./logoWhite.png';

​

//then in the render function of Jsx insert the mainLogo variable

​

class NavBar extends Component {

  render() {

    return (

      <nav className="nav" style={nbStyle}>

        <div className="container">

          //right below here

          <img  src={mainLogo} style={nbStyle.logo} alt="fireSpot"/>

        </div>

      </nav>

    );

  }

}