/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

0 vote116 views1 answer
Get height webview from url video react native
Javascript React
7 votes102 views3 answers
How to update react state array
Javascript React
0 vote97 views1 answer
React tooltip doesn't work
Javascript React
-1 vote109 views2 answers
E.target.text react
Javascript React
0 vote57 views1 answer
Debugging react native
Javascript React
0 vote127 views1 answer
How to load a javascript game from react
Javascript React
0 vote257 views1 answer
Change theme in react-toastify
Javascript React
0 vote104 views1 answer
Create react portal
Javascript React
3 votes112 views4 answers
Import in react
Javascript React
6 votes140 views1 answer
'useHistory' is not exported from 'react-router-dom'.
Javascript React