/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

48 votes127 views4 answers
How to add comment in react js
Javascript React
0 vote123 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
0 vote127 views7 answers
How to generate debug build in react native
Javascript React
0 vote176 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
1 vote147 views1 answer
React multiple event handlers]
Javascript React
6 votes129 views5 answers
Scroll to top in react
Javascript React
0 vote121 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
19 votes87 views10 answers
'Switch' is not exported from 'react-router-dom'. ch warning.
Javascript React
6 votes135 views2 answers
Google sign up react npm
Javascript React
0 vote90 views1 answer
Open xcode shorthand react native
Javascript React