/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

18 votes187 views6 answers
React native build
Javascript React
14 votes137 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
1 vote194 views1 answer
Axios upload progress react
Javascript React
1 vote138 views1 answer
React use callback
Javascript React
5 votes182 views2 answers
TypeError: t is not a function React
Javascript React
-2 votes189 views1 answer
Reactjs cut part of string
Javascript React
31 votes187 views1 answer
Npm install react-router-dom --save
Javascript React
113 votes247 views4 answers
New create react app
Javascript React
2 votes194 views2 answers
Get value of Autocomplete react
Javascript React
0 vote219 views2 answers
Dispay react component after some time
Javascript React