/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 vote351 views1 answer
How to remove the top border from table react bootstrap
Javascript React
3 votes397 views1 answer
React router yarn
Javascript React
0 vote359 views1 answer
Add clickable link to image in react native
Javascript React
5 votes355 views2 answers
Gradlew clean in react native
Javascript React
0 vote356 views1 answer
Get height webview from url video react native
Javascript React
0 vote352 views2 answers
Onclick toggle class react
Javascript React
0 vote371 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
1 vote333 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
4 votes345 views2 answers
React materilize
Javascript React
1 vote339 views2 answers
React native select simulator
Javascript React