import images from a folder react code example

Example 1: React import image with url

import React from "react";
 import ReactDOM from "react-dom";

 function App() {
   return (
     <img 
      src="https://images.pexels.com/photos/20787/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350"
      alt="new"
      />
   );
 }

 const rootElement = document.getElementById("root");
 ReactDOM.render(<App />, rootElement);

Example 2: how to use saved image on react

<img alt="timer" src={require('./images/timer.png')} />

Tags:

Javascript Example

Related