Показать изображение с URL в ReactJS

Question

Я хочу отобразить изображение с URL в React. Например, я хочу это изображение

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

должно отображаться в теле карты или реагироватьJS. Можно ли это сделать или мне нужно загрузить его в ресурсы, прежде чем я смогу его отобразить? И как это сделать?

Answer 1

Как вы делаете в 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);

Answer 2

Вы можете использовать тег для отображения изображения. Если источник изображения находится в режиме реквизита / состояния <img src={this.props.url}/>

Answer 3

Да. это возможно. просто используйте тег <img />.

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