Breaking News: Grepper is joining You.com. Read the official announcement!

how to display image in react js component

Add Answer

Mr. Copy Paster answered on October 12, 2020 Popularity 10/10 Helpfulness 4/10

answer how to display image in react js component

related showing an image in react js

related react image

related image view component react js

how to display image in react js component

Comment

// METHOD 1
import logo from './logo.jpeg';
<img src={logo} />
  
// Method 2
const logo = require('./logo.jpeg'); 
<img src={logo.default} />
  
// Method 3
<img src={require('./logo.jpeg').default} />

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: display image javascript

Link to this answer
Share Copy Link

Contributed on Jun 06 2022

Mr. Copy Paster

0 Answers Avg Quality 2/10

Closely Related Answers

showing an image in react js

Comment

import image from './path-to-image';

<img src={image} height={100} width={100} />

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: image imag

Link to this answer
Share Copy Link

Contributed on Dec 09 2020

Frail Flatworm

0 Answers Avg Quality 2/10

react image

Comments(1)

<img src={require('./logo.jpeg')} />

import logo from './logo.jpeg'; // with import    
const logo = require('./logo.jpeg); // with require
<img src={logo} />

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 12 2020

Grumpy Goshawk

0 Answers Avg Quality 2/10

image view component react js

Comment

import { PhotoProvider, PhotoView } from 'react-photo-view';
import 'react-photo-view/dist/react-photo-view.css';

export default function App() {
  return (
    <PhotoProvider>
      <PhotoView src="/1.jpg">
        <img src="/1-thumbnail.jpg" alt="" />
      </PhotoView>
    </PhotoProvider>
  );
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: react-photo-view.vercel.app

Tags: image imag

Link to this answer
Share Copy Link

Contributed on Mar 08 2022

Friendly Frog

0 Answers Avg Quality 2/10

how to display image in react js component

Contents

More Related Answers

how to display image in react js component

Closely Related Answers

showing an image in react js

react image

image view component react js

Grepper

Documentation

Social

Legal

Contact

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