/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 vote277 views1 answer
React multiple event handlers]
Javascript React
8 votes261 views2 answers
React set title of page
Javascript React
0 vote221 views2 answers
Install react webpack
Javascript React
0 vote274 views1 answer
Remove react native cli mac
Javascript React
0 vote252 views1 answer
React google places auto complete example
Javascript React
0 vote253 views1 answer
Libraries like html-react-parser
Javascript React
3 votes258 views1 answer
React arrays
Javascript React
0 vote294 views1 answer
React change button color on hover
Javascript React
10 votes227 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
7 votes273 views1 answer
React native touchableopacity disable
Javascript React