it-roy-ru.com

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

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

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

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

3
Last

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

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

1
Harikrishnan

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

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

0
Dinesh undefined