/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 votes157 views1 answer
Range slider mui can't slide
Javascript React
0 vote209 views1 answer
React input cursor jump end
Javascript React
0 vote214 views1 answer
Auto refresh database in outsystems reactive
Javascript React
0 vote213 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
0 vote176 views2 answers
React native detect platform
Javascript React
64 votes212 views6 answers
Router react
Javascript React
0 vote224 views1 answer
React native override style
Javascript React
2 votes206 views1 answer
React state object key value
Javascript React
4 votes212 views2 answers
Entypo icons react native
Javascript React
0 vote235 views2 answers
React native bordered image drop with shadow fix
Javascript React