Javascript 对象数组中的映射对象反应图像库问题

当结构如下所示时，我想使用react图像库：

let images = [{original: '1.jpg', thumbnail: '1.jpg'}, {original: '2.jpg', thumbnail: '2.jpg'}, ... ];

<ImageGallery items={images}/>

<ImageGallery items={[
somObj.map(item=> ({ original: item, thumbnail: item }) )
]}/>

我试着这样绘制地图：

let images = [{original: '1.jpg', thumbnail: '1.jpg'}, {original: '2.jpg', thumbnail: '2.jpg'}, ... ];

<ImageGallery items={images}/>

<ImageGallery items={[
somObj.map(item=> ({ original: item, thumbnail: item }) )
]}/>

（{原始：项目，缩略图：项目}））
]}/>

我也尝试过不同的方法，但仍然不起作用。

您的映射级别错误 您只能在阵列上使用贴图，因此请进入对象内部并进入照片的阵列。您也不需要在映射周围使用数组括号，因为映射已经返回了一个数组

<ImageGallery items={somObj.photos.map(item => ({ original: item, thumbnail: item }))}/>

（{原始：项目，缩略图：项目}））}/>

您的

someObj

不是数组，数组是

photos

内

someObj

：

<ImageGallery items={[
somObj.photos.map(item=> { return {original: item, thumbnail: item }})
]}/>

{返回{原始：项目，缩略图：项目}）
]}/>