/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 vote213 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
6 votes221 views2 answers
How do I conditionally add attributes to React components?
Javascript React
0 vote229 views1 answer
My env.local file not working in my react app usind mac
Javascript React
1 vote201 views1 answer
Add a text on last object map reactjs
Javascript React
1 vote205 views1 answer
Tailwind css react craco package.json
Javascript React
0 vote207 views1 answer
React native prevent rotation of screen
Javascript React
0 vote222 views1 answer
React-scripts test single file
Javascript React
3 votes193 views2 answers
React usestate functional update
Javascript React
0 vote239 views1 answer
React Readonly fractional rating
Javascript React
0 vote209 views1 answer
React native fetch response code
Javascript React