/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

3 votes347 views1 answer
Pass element from child to parent react
Javascript React
22 votes370 views4 answers
Reactjs copytoclipboard box
Javascript React
19 votes353 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote306 views3 answers
React-hook-form input
Javascript React
0 vote347 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
0 vote336 views1 answer
React native text input number only
Javascript React
0 vote342 views1 answer
Ant design not working in react js
Javascript React
0 vote340 views2 answers
Read data in props.histroy.push in react component
Javascript React
2 votes340 views1 answer
Vertical align center react native view
Javascript React
7 votes370 views4 answers
Get parameter from url reactjs
Javascript React