web-dev-qa-db-fra.com

Afficher une image à partir de l'URL dans ReactJS

Je souhaite afficher une image à partir d'une URL dans React. Par exemple, je veux cette image 

https://images.pexels.com/photos/20787/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350

à afficher dans un corps de carte ou à réagir. Est-il possible de le faire ou dois-je le télécharger sur des ressources avant de pouvoir l'afficher? Et comment le faire?

javascriptreactjsimage
3
Last

Comme vous le faites en HTML

 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);
5
Suman Kundu

Vous pouvez utiliser une balise pour afficher l'image. Si la source de l'image est en mode/utilisation, utilisez <img src={this.props.url}/>

1
Harikrishnan

Oui. c'est possible. utilisez simplement la balise <img />. 

<img src="https://images.pexels.com/photos/20787/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350">

0
Dinesh undefined