问题标签 [react-image-lightbox]

我已经接管了一个 React 项目，并且正在摸索将react-share与react-image-lightbox结合起来。我很不熟悉，React所以Typescript非常感谢任何见解。

以下是相关片段：

我有这个被 Axios 成功获取的 URL

我从 npm 安装了react-image-lightbox，它给了我在数组中配置的默认图像。

我想更改默认数组以从 db.json 文件中获取图像以进入图像的灯箱。我该如何解决？这是其余代码，带有“react-image-lightbox”配置：

这是我的 db.json 文件。

我在我的应用程序中使用 react-image-lightbox 进行轮播。如何使该组件识别视频、图像或 PDF、Excel 或文本等内容的类型。目前它仅适用于图像。请帮忙。谢谢

关于如何在 react-image-lightbox 中旋转图像的任何建议 - https://www.npmjs.com/package/react-image-lightbox

我有一个我正在构建的 create-react-app 项目，直到最近一切都很好。

出于某种原因，在单击灯箱对象后滚动时突然出现错误。

我得到的错误是；

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

没有代码更新，什么都没有改变......它只是突然开始发生，我无法追踪发生了什么。

我的 package.json 说我正在使用以下内容；

"react-image-lightbox": "^5.1.0"

任何帮助将不胜感激。

我正在尝试实现一个灵活的灯箱组件来显示图像。我正在使用这个 npm，我从 api 获得的图像 URL。

我应该如何将当前图像索引值传递给（单击哪个图像）组件，以便在模态上显示 adject 图像。

下面是我从后端得到的 JSON

onClick 图像我将此 id 从结果数组传递给组件，我认为这可能是问题，有人可以建议我如何将确切的索引值（准确地说，图像点击）传递给组件。

这是我的组件

我正在使用"react-image-lightbox"制作画廊。首先，我使用 Material-Ui 中的 Grid 显示图像，然后按照https://www.npmjs.com/package/react-image-lightbox 中的文档进行操作。 但是，我无法在单击下一个或上一个时相应地更改图像标题。关于我如何解决那部分的任何线索？

我想知道有没有办法将 base64 数据 URL（而不是图像 URL）添加到react-image-lightbox

或者我应该先将base64字符串转换为图像然后添加到react-image-lightbox？如果是这样，我该如何转换为图像？

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

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

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

配置覆盖.js

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

分别在某些图像组中使用此库时遇到问题，真正发生的是，当我单击另一组图像时，它总是从最后一组中获取图像列表：

代码的另一部分：

我知道这可能是逻辑问题而不是库问题

提前感谢所有花时间的人