/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 vote197 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
0 vote190 views1 answer
React bootstrap navbar align right buttons
Javascript React
0 vote145 views1 answer
How to make a textarea unwritable in react native
Javascript React
22 votes203 views2 answers
React-bootstrap example
Javascript React
0 vote253 views1 answer
How to pass property component in react enzyme
Javascript React
18 votes263 views4 answers
React for loop in render
Javascript React
0 vote201 views1 answer
React type div onClick
Javascript React
0 vote184 views1 answer
Header logo react native doesn't show
Javascript React
0 vote193 views1 answer
Fetch is not defined jest react
Javascript React
0 vote286 views1 answer
React native create text file
Javascript React