Javascript TypeError:无法读取属性'；主动'；使用react图像定义未定义的

嗨，我想从react照片库（）实现此照片库

我安装了两个依赖项：react照片库和react图像

我想测试以下链接：，但我遇到了一个

TypeError:当单击项目中的一个图像时，无法读取未定义的属性“active”。（）

我试着使用相同的代码，但我真的不明白为什么会出现类型错误

是否有人可以帮助我解释为什么会出现错误并修复此错误

这是我用来实现的代码（以不同的方式与示例代码相同）


import React，{useState，useCallback}来自“React”；
从“react照片库”导入库；
从“react images”导入旋转木马，{Modal，ModalGateway}；
康斯特照片=[
{
src:'https://source.unsplash.com/2ShvY8Lf6l0/800x599',
宽度：4，
身高：3，
},
{
src:'https://source.unsplash.com/Dm-qxdynoEc/800x799',
宽度：1，
身高:1,，
},
{
src:'https://source.unsplash.com/qDkso9nvCg0/600x799',
宽度：3，
身高：4，
},
{
src:'https://source.unsplash.com/iecJiKe_RNg/600x799',
宽度：3，
身高：4，
},
{
src:'https://source.unsplash.com/epcsn8Ed8kY/600x799',
宽度：3，
身高：4，
},
{
src:'https://source.unsplash.com/NQSWvyVRIJk/800x599',
宽度：4，
身高：3，
},
{
src:'https://source.unsplash.com/zh7GEuORbUw/600x799',
宽度：3，
身高：4，
},
{
src:'https://source.unsplash.com/PpOHJezOalU/800x599',
宽度：4，
身高：3，
},
{
src:'https://source.unsplash.com/I1ASdgphUH4/800x599',
宽度：4，
身高：3，
},
];
常量ImageGrid=（道具）=>{
常量[currentImage，setCurrentImage]=使用状态（0）；
const[viewerIsOpen，setViewerIsOpen]=useState（false）；
const openLightbox=useCallback（（事件，{photo，index}）=>{
setCurrentImage（索引）；
setViewerIsOpen（真）；
}, []);
const closeLightbox=（）=>{
setCurrentImage（0）；
setViewerIsOpen（假）；
};
返回(
{viewerIsOpen(
({
…x，
srcset:x.srcset，
描述：x.title，
})}
/>
)：null}
);
}
导出默认图像网格我也遇到了这个问题，将“react images”的版本更改为“1.0.0”为我解决了这个问题

就在终点站运行

npm install react-images@1.0.0

确保安装时react-dev服务器未运行，否则npm将出错。
我也遇到了这个问题，将“react-images”的版本更改为“1.0.0”为我解决了这个问题

就在终点站运行

npm install react-images@1.0.0

确保安装时react-dev服务器未运行，否则npm将出错。
我必须将react版本降级到16.8.6才能正常工作。
我必须将react版本降级到16.8.6才能正常工作。
您的示例和react照片库1之间的唯一区别是react和反应照片库版本。可能正在尝试更改react照片库版本包。我使用的版本为“react images”：“1.0.0”和“react照片库”：“^8.0.0”，也有一个空白页。示例和react照片库版本之间的唯一区别是react和react照片库版本。可能正在尝试更改react照片库版本包。我使用的版本为“react images”：“1.0.0”和“react照片库”：“^8.0.0”，也有一个空白页