/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

8 votes144 views3 answers
Disable eslint for react project
Javascript React
0 vote146 views1 answer
Bottom shadow in react native
Javascript React
0 vote161 views1 answer
React call bind apply
Javascript React
0 vote157 views2 answers
React date picker disable past dates
Javascript React
1 vote148 views1 answer
Input type email react js-validation
Javascript React
37 votes101 views5 answers
React sass
Javascript React
1 vote150 views1 answer
React map array limit
Javascript React
18 votes165 views3 answers
React detect enter key
Javascript React
0 vote107 views3 answers
How to use keyextractor in flatlist react native
Javascript React
0 vote152 views1 answer
React inlinle style set background image
Javascript React