/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 vote153 views2 answers
React router dom v6
Javascript React
0 vote167 views1 answer
React router remove location state on refresh
Javascript React
68 votes158 views4 answers
Inline style react
Javascript React
0 vote207 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
1 vote142 views1 answer
Reactive localstorage in react
Javascript React
1 vote151 views1 answer
React native slow performance after load iamges
Javascript React
1 vote142 views1 answer
How to update version of dependencies reactjs
Javascript React
18 votes140 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
0 vote138 views1 answer
Reactjs class exemple componentDidMount
Javascript React
0 vote149 views1 answer
Fetchutils in react admin
Javascript React