/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 vote251 views1 answer
React big calendar event color
Javascript React
13 votes234 views4 answers
Passing data in react router history,push
Javascript React
0 vote240 views4 answers
Router react how to pass data to class component
Javascript React
4 votes233 views2 answers
Onitemclick react
Javascript React
21 votes228 views6 answers
React native vector icon
Javascript React
0 vote222 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
2 votes248 views1 answer
React import multiple images
Javascript React
2 votes234 views4 answers
React-hook-form-input npm
Javascript React
0 vote227 views1 answer
Fetchutils in react admin
Javascript React
0 vote226 views1 answer
How to convert timestamp to date in react native
Javascript React