/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 vote241 views1 answer
Nested arrays reactjs tables
Javascript React
0 vote250 views1 answer
React native firebase community template
Javascript React
0 vote261 views1 answer
How to add react.memo in export list
Javascript React
0 vote245 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
4 votes240 views3 answers
Image react native base64
Javascript React
0 vote274 views1 answer
React native cli sdk.dir
Javascript React
0 vote269 views2 answers
Count down timer in react native
Javascript React
0 vote235 views2 answers
Airbnb and eslint react native
Javascript React
32 votes250 views1 answer
React router command
Javascript React
0 vote259 views2 answers
React native countdown
Javascript React