/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

2 votes324 views3 answers
React native component at bottom center
Javascript React
0 vote337 views1 answer
How to remove an object from array in react native
Javascript React
0 vote336 views1 answer
Installation de react native maps bibliothèque
Javascript React
0 vote347 views1 answer
RenderIndicator example react responsive carousel
Javascript React
0 vote329 views1 answer
React-native how to get size of screen
Javascript React
16 votes350 views2 answers
Where to put background images in react app
Javascript React
0 vote297 views2 answers
Datepicker react native
Javascript React
0 vote331 views1 answer
How to get back image and front text in react native
Javascript React
0 vote326 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
6 votes356 views1 answer
React native loading
Javascript React