/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 vote214 views1 answer
Add Multilanguage Support to React App
Javascript React
0 vote212 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
3 votes199 views2 answers
React-native android build apk
Javascript React
10 votes198 views1 answer
Device height react native
Javascript React
2 votes266 views1 answer
Iframe in react native
Javascript React
0 vote203 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
2 votes204 views1 answer
React not getting img by src
Javascript React
0 vote231 views1 answer
Url in listitem react
Javascript React
17 votes223 views3 answers
React router url params
Javascript React
0 vote258 views2 answers
Airbnb react native eslint
Javascript React