gpt4 book ai didi

javascript - 如何访问对象数组中的两个单独的图像并将其分配给同一数组中的第三个对象?

转载 作者:行者123 更新时间:2023-12-02 23:38:03 25 4
gpt4 key购买 nike

我正在使用模拟数据创建卡片组件,一些卡片具有单个图像,而其他卡片则具有并排比较图像。我创建了一个上传数组,前两个对象有 image ,而对于第三个对象,我需要访问第一个和第二个对象中的图像以形成我的 comparisons目的。我怎样才能做到这一点?我添加了一些有用的评论。

import faker from 'faker';
import uuid from 'uuid/v1';

const fakeUploads = [
{
avatar: faker.image.avatar(),
description: faker.lorem.sentences(),
id: uuid(),
image: faker.image.avatar(),
},
{
avatar: faker.image.avatar(),
description: faker.lorem.sentences(),
id: uuid(),
image: faker.image.avatar(),
name: faker.name.findName(),
},
{
avatar: faker.image.avatar(),
comparisons: { // Object.keys(comparison) => [0, 1]
//Access to the two images in the above object where `0` is the index of the first image and `1` is the indes of the second

},
description: faker.lorem.sentences(),
id: uuid(),
name: faker.name.findName(),
},
];

我已经映射了模拟上传的值,所以在我的组件中我想要有类似的东西

values.includes(comparisons)? 
<span>
<img width="50%" alt={UPLOAD} src={comparisons.image[0]} />
<img width="50%" alt={UPLOAD} src={comparisons.image[1]} />
</span> : <img alt={UPLOAD} src={image} />

最佳答案

您可以通过将第三个对象添加到范围内的数组来实现。

import faker from 'faker';
import uuid from 'uuid/v1';

const fakeUploads = [
{
avatar: faker.image.avatar(),
description: faker.lorem.sentences(),
id: uuid(),
image: faker.image.avatar(),
},
{
avatar: faker.image.avatar(),
description: faker.lorem.sentences(),
id: uuid(),
image: faker.image.avatar(),
name: faker.name.findName(),
}
]

fakeUploads.push({
avatar: faker.image.avatar(),
comparisons: {[fakeUploads[0].image, fakeUploads[1].image]},
description: faker.lorem.sentences(),
id: uuid(),
name: faker.name.findName(),
})

这就是你要找的吗?

关于javascript - 如何访问对象数组中的两个单独的图像并将其分配给同一数组中的第三个对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56203648/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com