import image as component react

Matt answered on July 2, 2021 Popularity 10/10 Helpfulness 4/10

answer import image as component react

related import an image in react

related import image in react js

import image as component react

Comment

// 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>
  )
};

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: image import javascript

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

Matt

0 Answers Avg Quality 2/10

Closely Related Answers

import an image in react

Comment

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>
    );
  }
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: image imag

Link to this answer
Share Copy Link

Contributed on Jun 16 2022

Akampurira Brian David

0 Answers Avg Quality 2/10

import image in react js

Comment

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

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: image import javascript

Link to this answer
Share Copy Link

Contributed on Jul 02 2021

Aggressive Armadillo

0 Answers Avg Quality 2/10

import image as component react

Contents

More Related Answers

import image as component react

Closely Related Answers

import an image in react

import image in react js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.