/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 vote121 views2 answers
React write into json file
Javascript React
0 vote156 views1 answer
Remove console messages of react-i18next
Javascript React
0 vote125 views1 answer
Eject expo app to android and react native
Javascript React
0 vote155 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
1 vote141 views1 answer
React admin newrecords.foreach is not a function
Javascript React
1 vote120 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
0 vote150 views1 answer
React import coreui icons
Javascript React
11 votes126 views2 answers
Shadow using react native
Javascript React
0 vote166 views1 answer
React native init specific version
Javascript React
0 vote152 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React