react import image with url

1 import React from "react";
2 import ReactDOM from "react-dom";
3
4 function App() {
5   return (
6     <img 
7      src="https://images.pexels.com/photos/20787/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350"
8      alt="new"
9      />
10   );
11 }
12
13 const rootElement = document.getElementById("root");
14 ReactDOM.render(<App />, rootElement);
15

1import React from 'react';
2import ReactDOM from 'react-dom';
3
4const App: FunctionComponent = () => {
5  return (
6    <img src = {this.props.url} alt='something'/> 
7  );
8}