/Javascript/React/Import image in react js

Import image in react js

Import img react in another file

//import imgs in a different js file
import lostImage from './assets/img/illustrations/lost.svg';
export { lostImage }; 

//import in the component to use it
import {lostImage} from './images.js'

Showing an image in react js

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

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

Ract import image

import mainLogo from'./logoWhite.png';

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

Source: stackoverflow.com

Import image in react js

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

Similar codes

0 vote247 views2 answers
React date picker disable past dates
Javascript React
142 votes382 views5 answers
Install react
Javascript React
0 vote268 views1 answer
React-bootstrap problem-import new version
Javascript React
-2 votes241 views1 answer
Reactsj substring
Javascript React
2 votes280 views1 answer
Import React, { memo } from 'react';
Javascript React
0 vote238 views1 answer
React dynamic load script
Javascript React
108 votes261 views1 answer
How to start react app in windows
Javascript React
-1 vote256 views1 answer
Animation react native npm
Javascript React
4 votes259 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote311 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React