javascript - 如何在javascript中将字符串作为命名对象推送到数组中？

Question

我将如何转换 imageCollection 中的数组以获取 carouselPhotos 中的数组？（见下面的代码）。

export default class HomeScreen extends Component {
  
state = {
      imageCollection: [
            {
            name: "Pictures of birds"
            image1: "http://127.0.0.1:8000/media/image1A.jpg", 
            image2: "http://127.0.0.1:8000/media/image2A.jpg",
            image3: "http://127.0.0.1:8000/media/image3A.jpg"}
],
      carouselPhotos: [
      {
        image: "http://127.0.0.1:8000/media/image1A.jpg", 
      },
      {
        image: "http://127.0.0.1:8000/media/image2A.jpg",
      },
      {
        image: "http://127.0.0.1:8000/media/image3A.jpg",
      },
    ],
  };

我正在使用 react-native-snap-carousel，它为每个对象呈现 1 个轮播卡，因此每个图像必须是它自己的对象。carouselPhotos 中的数据标记为“图像”也很重要，并且必须在页面打开时加载。

任何帮助将不胜感激！

说明： imageCollection 有很多对象，但我只会为 carouselPhoto 选择一个对象。共有三个图像属性名称 imageX，但也有其他属性，例如“名称”

标签： javascriptarraysreactjsreact-native

Answer 1