/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

2 votes141 views2 answers
Property 'name' does not exist on type 'eventtarget' react
Javascript React
1 vote174 views1 answer
Reactjs get checkbox value
Javascript React
0 vote226 views1 answer
Nice react native shadow
Javascript React
2 votes150 views2 answers
Import lodash react
Javascript React
0 vote145 views1 answer
Uuid for react native
Javascript React
0 vote155 views1 answer
React inject component into another component
Javascript React
23 votes154 views4 answers
Change port react app
Javascript React
4 votes147 views4 answers
React background gradient
Javascript React
2 votes149 views1 answer
React dynamic import
Javascript React
1 vote144 views2 answers
Switch is not exported from react-router-dom
Javascript React