Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当根据一个对象的id映射两个对象时,如何从一个对象获取数据?_Javascript_Reactjs - Fatal编程技术网

Javascript 当根据一个对象的id映射两个对象时,如何从一个对象获取数据?

Javascript 当根据一个对象的id映射两个对象时,如何从一个对象获取数据?,javascript,reactjs,Javascript,Reactjs,在某个项目中,我有两个对象obj1和obj2 obj1(项目数据)如下所示: obj1 = [ {"_id": "abscdfg1234","blur_photo": [{"potrait": "https://img.jpg"}]}, <-- Images here are blur {"_id": "pqrst54678","blur_p

在某个项目中,我有两个对象obj1和obj2

obj1(项目数据)如下所示:

obj1 = [
{"_id": "abscdfg1234","blur_photo": [{"potrait": "https://img.jpg"}]}, <-- Images here are blur
{"_id": "pqrst54678","blur_photo": [{"potrait": "https://img2.jpg"}]},
{"_id": "uioyt12321","blur_photo": [{"potrait": "https://img3.jpg"}]},
{"_id": "rtye33452","blur_photo": [{"potrait": "https://img4.jpg"}]},
]
obj2 = [
{"_id": "pqrst54678", "photo": [{"cover":"https://newimg2.jpg"}]} <-- Images here are normal
]
obj1=[

{u id:“abscdfg1234”,“blur_photo:[{“potrait”:”https://img.jpg“}]},我并不奇怪你不能找到所有这些JS内联的幼兽

您可以使用
Array.find
实际获取匹配元素。
Array.some
返回一个
布尔值

然后是用正确的路径访问数据的问题。你犯了一个错误:
blur\u photo
保存了一组肖像

const getSrc = itemData => {
    const matchingId = item => item._id === itemData._id;
    const match = purchaseData.find(matchingId);
    return match
        ? match.photo[0].cover
        : itemData.blur_photo[0].potrait
};

const srcs = itemsData.map(getSrc);
{
srcs.map(src=>(
))
}
const getSrc = itemData => {
    const matchingId = item => item._id === itemData._id;
    const match = purchaseData.find(matchingId);
    return match
        ? match.photo[0].cover
        : itemData.blur_photo[0].potrait
};

const srcs = itemsData.map(getSrc);
{
srcs.map(src => (
    <img src={src} height="100%" width="100%" />
))
}