/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 vote133 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
0 vote123 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote258 views1 answer
Setstate to false after 10 sec react native
Javascript React
0 vote119 views1 answer
React link onclick refresh page
Javascript React
0 vote118 views1 answer
Text decoration react native
Javascript React
1 vote132 views1 answer
React material ui input max length
Javascript React
0 vote149 views2 answers
React addon update
Javascript React
0 vote121 views1 answer
New Intl.NumberFormat en react
Javascript React
0 vote134 views1 answer
Ionic react exit app
Javascript React
0 vote128 views1 answer
Search for country name from api with react
Javascript React