/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

18 votes147 views6 answers
Uselocation react
Javascript React
33 votes153 views2 answers
UseRef react ref
Javascript React
5 votes161 views2 answers
Code splitting react
Javascript React
0 vote129 views1 answer
Form changes button enable reactive forms
Javascript React
0 vote148 views1 answer
React native app crashing on start
Javascript React
0 vote173 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
42 votes137 views3 answers
React onchange multiple functions
Javascript React
0 vote138 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
0 vote133 views1 answer
React native set default ios simulator
Javascript React
-1 vote192 views1 answer
Spotify player react
Javascript React