我想在React中显示URL中的图像.例如,我想要这张照片

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

显示在卡体或卡片中.是否可以这样做,或者我必须先将其下载到assets资源 中,然后才能显示它?如何做到这一点?

推荐答案

就像在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);

Reactjs相关问答推荐

当我在React中使用类方法更新模型的状态时,它在严格模式下触发两次

如何实现黑暗模式 map ?

无法在jest中发布行动

ReferenceError:未在Redux组件中定义窗口

Formik验证不适用于物料UI自动完成

如何创建react router v6的自定义子路由?

使用useReducer时,props 未从父级传递给子或孙级

GitHub页面配置

根据用户 Select 的注册类型更改表单字段

有没有比;KeyableShell;组成部分

面临 React 模式中点击外部条件的问题

React Js和Firestore中如何将当前ID与集合中的ID查询以仅显示具有相似字段和值的文档-第二部分

如何在 React.js 中提取 PDF 的内容?

ReactJS:在导航栏中使用 Select inside Link 组件时如何避免重定向?

带有 webpack 错误多个文件匹配路由名称的 Expo-router.无法Bundle 或部署应用程序

为什么接受 useState 返回的函数的 setter 在使用 React 的单个调用中执行两次?

单击按钮或文本从一个组件移动到另一个组件

如何在 React 中的 Material Ui 多选中设置默认值?

网格项不缩小以适应包含的可滚动列表

仅在重新渲染后设置状态