javascript - 在 ReactJS 中显示来自 url 的图像

Question

我想在 React 中显示来自 URL 的图像。比如我要这张图片

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

显示在 Card body 或 reactJS 中。是否可以这样做，还是必须先将其下载到 Assets 才能显示？以及如何去做？

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);