import image using URL 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: React import image with url
import React from 'react';
import ReactDOM from 'react-dom';
const App: FunctionComponent = () => {
return (
<img src = {this.props.url} alt='something'/>
);
}