/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

3 votes187 views1 answer
React arrays
Javascript React
0 vote281 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote193 views3 answers
How to serve React JS static files with express JS?
Javascript React
0 vote206 views1 answer
What is react headroom
Javascript React
0 vote205 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
0 vote174 views1 answer
Dull or blur a background image in react native
Javascript React
0 vote193 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
0 vote194 views1 answer
React inlinle style set background image
Javascript React
2 votes237 views2 answers
How to add query parameter to url reactjs
Javascript React
0 vote181 views2 answers
Selected css based on route react
Javascript React