/Javascript/React/React import image with url

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);

Source: stackoverflow.com

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'/> 
  );
}

Similar codes

1 vote153 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote146 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
0 vote136 views1 answer
Reactvs y axis range
Javascript React
2 votes156 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
1 vote152 views1 answer
React native rename package name
Javascript React
6 votes138 views1 answer
React-native loading screen
Javascript React
2 votes144 views2 answers
How to export multiple functions react from one file
Javascript React
2 votes133 views1 answer
React setupproxy
Javascript React
7 votes141 views3 answers
How to update a state with an array react
Javascript React
0 vote140 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React