/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 vote171 views2 answers
React native bordered image drop with shadow fix
Javascript React
0 vote147 views1 answer
React native zindex issue on android
Javascript React
0 vote149 views1 answer
How to validate password and confirm password on react form hook
Javascript React
3 votes167 views3 answers
How to update react app
Javascript React
0 vote152 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote154 views2 answers
Write data in props.histroy.push in react component
Javascript React
31 votes164 views1 answer
Install react router dom and save
Javascript React
0 vote150 views2 answers
React social login buttons
Javascript React
-2 votes171 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
13 votes148 views1 answer
React post request
Javascript React