/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 vote191 views1 answer
Connect react with database server
Javascript React
1 vote191 views2 answers
Hide react source
Javascript React
2 votes157 views1 answer
Best react native ui library
Javascript React
0 vote164 views1 answer
React app link description preview
Javascript React
0 vote186 views2 answers
Remove state from location on page load in react router dom
Javascript React
1 vote154 views1 answer
React native get last element of array
Javascript React
0 vote173 views6 answers
State functions of react cheatsheet
Javascript React
1 vote169 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote193 views1 answer
Font awesome react share faShare
Javascript React
0 vote241 views1 answer
Out of memory gc overhead limit exceeded. react native
Javascript React