Zeigen Sie ein Bild von url in ReactJS

Ich will ein Bild von einer URL in Reagieren. Zum Beispiel möchte ich dieses Bild 

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

angezeigt werden, in eine Karte des Körpers oder reactJS. Ist es möglich, es zu tun oder muss ich es herunterladen, um Vermögenswerte vor kann ich ihn anzeigen? Und wie es zu tun?

InformationsquelleAutor Last | 2018-07-05
  1. 11

    Wie Sie in 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);
    • Mit diesem code erhalte ich die folgende Fehlermeldung: Error: img is a void element tag and must neither have children nor use dangerouslySetInnerHTML.
    • versuchen Sie codeSanbox das Problem zu reproduzieren.
    InformationsquelleAutor Suman Kundu
  2. 2

    Können Sie tag für das Bild anzeigen.Wenn die Bildquelle ist, die in Requisiten/state verwenden <img src={this.props.url}/>

    InformationsquelleAutor Harikrishnan
  3. 1

    Ja. es ist möglich,. verwenden Sie einfach <img /> tag.

    HTML:

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

    InformationsquelleAutor Dinesh undefined
Schreibe einen Kommentar