/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

18 votes349 views6 answers
React native create apk
Javascript React
10 votes344 views3 answers
Install firebase react
Javascript React
0 vote402 views1 answer
Loading react circular progress
Javascript React
1 vote387 views2 answers
What is reactive method
Javascript React
1 vote369 views4 answers
React native push notifications npm
Javascript React
1 vote410 views1 answer
React get input value on button click functional component
Javascript React
9 votes388 views2 answers
React select options
Javascript React
0 vote406 views1 answer
Row smaller than the container bootstrap react
Javascript React
0 vote382 views1 answer
How to make a github api using react
Javascript React
6 votes434 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React