/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 vote195 views1 answer
TextField input font color React Material UI
Javascript React
0 vote196 views1 answer
How to have hotjar in react-hotjar
Javascript React
0 vote192 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
142 votes308 views5 answers
Install react
Javascript React
1 vote211 views1 answer
React native detect production
Javascript React
2 votes203 views2 answers
Easiest way to show current date in react
Javascript React
2 votes211 views4 answers
Date range picker react
Javascript React
1 vote205 views1 answer
React native grid view
Javascript React
24 votes173 views3 answers
Set port in react app
Javascript React
0 vote205 views1 answer
Top bar in react js
Javascript React