/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 vote209 views1 answer
Antd react native
Javascript React
1 vote186 views2 answers
Switch is not exported from react-router-dom
Javascript React
48 votes187 views1 answer
Emmet not working react js
Javascript React
0 vote181 views2 answers
Mobile nav react npm
Javascript React
-1 vote187 views1 answer
Moment in react native
Javascript React
1 vote134 views1 answer
How to install formik in react native
Javascript React
68 votes205 views4 answers
Inline styling react
Javascript React
13 votes206 views2 answers
Download react devtools for chrome
Javascript React
0 vote185 views3 answers
Link react router dom
Javascript React
0 vote194 views1 answer
React router route not found redirect
Javascript React