/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 vote117 views5 answers
Play audio in react
Javascript React
1 vote125 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote117 views1 answer
Axios network error react native
Javascript React
0 vote114 views2 answers
Hot reload problem react 17
Javascript React
7 votes126 views4 answers
React native update state array of objects
Javascript React
0 vote119 views1 answer
Npm react animation
Javascript React
262 votes245 views6 answers
Create a react native project
Javascript React
0 vote151 views1 answer
How to get key from a button in react
Javascript React
0 vote126 views4 answers
Reactnative sliding image
Javascript React
0 vote117 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React