问题标签 [react-image]

我希望我能把所有的图像都放到“Image.jsx”文件中，并轻松地将它们从 React 中的另一个文件中取出

例如

我想管理图像。像这个例子。这是 Image.jsx

这是将显示图像的主屏幕。

图片其实不是一张，只是为了不显得复杂，就简化为上面一张。

我正在制作带有标志的国家/地区选择器。国家名称和标志图像名称来自数据库，如下所示（示例）：

然后我将该数据源发送到我的组件

然后在组件 FlatList (renderItem) 我做：

但是没有渲染标志....如果我对图像进行硬编码（带有要求）它正在工作...

我该怎么做？

我正在尝试在我的 React 应用程序中获取图像，以展示我家族公司销售的一些品牌。我想把它像一个网格一样，像这样：（ 请原谅我可怕的设计，这只是一个想法）。

所以，我尝试使用这种方式添加图片：

哪个不起作用（我稍后会介绍它是如何不起作用的）。所以，通过一些研究，我遇到了另一种方式，使用require(). 它仍然不起作用。 const klaxcar = require('../images/brandlogos/klaxcar.png');

现在，这就是我所说的“它不起作用”的意思：

我不知道这甚至意味着什么，我很陌生。这很奇怪，因为我几天前尝试制作幻灯片并且效果很好。我唯一的猜测是，它必须是一个组件吗？还是我的文件路径有问题？（我将图像文件夹放在 src 中）。很感谢任何形式的帮助。

我是网络新手。我刚开始使用开源“React Image Annotate”，https://github.com/UniversalDataTool/react-image-annotate

我试图弄清楚是否有可能覆盖现有组件中的部分

我想在onExit()调用“保存”时覆盖当前调用的内容。出于我的目的，我想在调用 Next 按钮的情况下调用它onNext()。

另外我需要添加一个可以旋转图像的按钮，我不知道如何在组件中添加一些新东西。我需要从什么开始？如果可以覆盖现有组件。

我将不胜感激任何帮助和提示。

当我尝试获取 js 对象中存储为字符串的图像路径时出现此错误，其中 require() 作为道具。

CategoriesScreen.js

这里我存储了所有图片的路径

虚拟数据.js

类别.js

CategoryGrid.js

console.log() 在 CategoriesScreen.js 和 categoryGrid.js -> require(../assets/Images/image.jpeg) 中说

我正在尝试将图像路径作为从 CategoryScreen.js 到 categoryGrid.js 的道具获取，该道具存储为 Dummy-Data.js 中的对象。

知道我做错了什么吗？

我正在做出反应，next.js 应用程序，我在其上显示各种图像：

用户单击左侧列表中的项目，并在右侧获得三个图像。图像基于 next.js Image 组件显示：

WherevisualizationData是一个变量，它使用 State Hook 并返回 3 个 url 到用户想要显示的照片：

所以它返回如下内容：

一切正常，但速度很慢，因为后端需要将 .tif 照片转换为 .jpg 并且大约需要 3 秒。我想在这 3 秒内显示一个微调器或类似于微调器的东西，而不是让用户看到旧的可视化。

怎么做？我不知道如何检查照片是否已加载，因为我只是将 url 传递给srcImage 组件的 prop。

这是一个代码getVisualizationData(modelName, pathAndPhotoName)：

它正在将路径转换为照片并将其返回到数组中。

我是 React JS 世界的新手，没有正确加载 webpack 图像，但是当我使用 webpack 图像时，如果图像尺寸大于24*24 像素，则无法加载。

如果图像尺寸小于（24*24 像素），则图像加载正确。

src/assets/Image/exportImage.jpg'下的图片；我对此一无所知。

配置覆盖.js

请帮助我，我该如何克服这个问题。

如果图像 URL 出现 404 错误，我想加载默认图像。我在图像道具中尝试了 onError() 但它不起作用。

我该怎么做？

我有一个与 FastAPI 和 MongoDB 集成的反应应用程序。在我的项目中，有一个页面将一些信息显示为卡片。这些卡片包含图像，但这些图像是在后端文件夹中自动生成的。每张卡片都包含自己图片的路径，但是当我在组件中调用这个路径时，它并没有显示如图1所示的图片。 注意：我使用 React 组件类格式来构建我的项目！

以下是每张卡片的生成方式：

以下是两张卡的信息：

第一张卡：

第二张卡：

在我的项目中，我需要动态链接一个 img src。这是整个项目结构：

我已经尝试了多种方法来在以下组件中链接我的 imag src，正如您在我的代码的注释部分中看到的那样。路径本身不会是问题，因为第三次尝试，我不能使用，因为它不是动态的，效果很好。

我做错了什么？

我现在已将 jpg 放在公用文件夹中，但它不起作用：