Primereact画廊.最后一个图像后的未定义变量

Question

我在最后一张图像后无法读取未定义的属性(读取'itemImageSrc')错误。这是我的代码

const carousel = () => {
const [images, setImages] = useState(null);
useEffect(() => {
setImages([
{
"itemImageSrc": '/src/assets/img/shett.png', 
},
{
"itemImageSrc": '/src/assets/img/shett2.png', 
},
{
"itemImageSrc": '/src/assets/img/shett3.png', 
}
])
}, [])
const itemTemplate = (item) => {
console.log(item)
return (

<div className="p-galleria">
<img src={`${item.itemImageSrc}`} onError={(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'}  style={{ width: '100%' }} />
</div>
)}
return (
<>  
<div className="card">
<Galleria autoPlay  showThumbnails={false} value={images} item={itemTemplate} > </Galleria>
</div>  
</>
)
}

似乎Galleria没有从第一个元素开始循环。

Answer 1

这是一个bug: https://github.com/primefaces/primereact/issues/3973

将在8.7.4修复:https://github.com/primefaces/primereact/pull/3974