问题标签 [react-image]

所以我是 react 新手，我使用 create react app 制作了一个 react 项目。我正在尝试导入要在我的一个组件中使用的图像。我知道，在使用图像时，您可以使用带有图像相对路径的导入语句来导入它们。

但是，当我尝试导入图像时，当我放入相对路径时，反应不会或找不到我的任何图像。在 vs code 中，您可以自动完成路径，但是当我导航到我的图像文件夹时，它显示为空，好像 vs code 或 react 找不到任何图像，即使有一些图像。我不确定这是否是 vs 代码的错误或反应所以我通过尝试在 index.html 文件中导入图像来仔细检查，当然它使用图像的相对路径作为 src 并且我可以找到图像这让我相信这是一个反应问题。

这可能是什么原因造成的。这是一个奇怪的问题，我找不到在线的 awnswer，我在 youtube 上观看的任何教程都能够完美地将导入语句用于他们的图像。只是为了显示我的代码，我已将其粘贴在下面。我导入的两个图像在我的浏览器中没有被检测到，应用程序无法编译

知道如何在本机反应中使用图像表吗？例如，如果我有这样的图像表，有没有办法可以定义框架尺寸并重用一个图像来显示多个图标？

类似的问题：如何在本机反应中使用我的图标精灵表？

找到了使用 ImageBackground 的方法：裁剪图标的图像

探索其他选择。

我有来自外部 API 的图像数组，我想在轮播之前过滤损坏的图像。正如您现在所看到的，如果图像丢失，我会映射每个图像并将 MissingImage 组件显示为卸载程序，但在我的情况下，有时 API 上无法使用一半以上的图像。如果图像在传递给 Carousel 组件之前不可用，我该如何跳过它们？

我用这个下载-

但这对我不起作用。我使用 Chrome 浏览器。它只是在浏览器中打开文件。

我正在做一个项目，我有一个页面，您应该可以在其中添加图像。一件一件地完美运作。现在我想让能够多次添加和上传。我不想使用任何库来上传图片。

上传组件：

因此，我正在使用 api 返回二进制数据并尝试将该数据设置为图像源。我已将数据转换为图像，但主要问题是我无法将值携带到 fetch 函数的范围之外并将其返回给 src。很快，'.then()' 函数的输出必须是 src 的值。

这是我的代码； 问题的代码

无法在反应中渲染图像，在浏览器控制台中，图像名称正确显示，但在 UI 上不显示。img此外，检查元素后，标签中缺少 src 属性。请协助。这是示例脚本

我刚刚开始学习 React Native .. 这就是我当前的应用程序的样子

到目前为止，这是我的代码：

我该怎么做才能使图像不被切断？