/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

1 vote254 views1 answer
How to create round image in react native
Javascript React
1 vote243 views1 answer
How to know react and react-native version
Javascript React
0 vote242 views1 answer
Radio button default checked react
Javascript React
0 vote229 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
0 vote237 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote220 views3 answers
Flatlist react native keyextractor
Javascript React
0 vote229 views1 answer
How to bound a state variable to a field react final form
Javascript React
15 votes277 views3 answers
Create react app and tailwind
Javascript React
0 vote224 views1 answer
React return value from component
Javascript React
2 votes205 views1 answer
Change color of strike through line of text in react native
Javascript React