在 React Native 中使用过滤器时，图像源正在转换为整数

问题描述

我有以下json格式的数据

const data = [
    {
        "id": 1,"category": "fruits","title"  : "Red Apples","image1": require("../assets/images/products/fruits/apple.jpg"),"image2": require("../assets/images/products/fruits/apple2.jpg"),"image3": require("../assets/images/products/fruits/apple3.jpg"),"price": 4.99,"label": "fresh","qty": "200gm"
    },{
        "id": 2,"title"  : "Organic Banana","image1": require("../assets/images/products/fruits/banana.jpg"),"image2": require("../assets/images/products/fruits/banana2.jpg"),"image3": require("../assets/images/products/fruits/banana3.jpg"),"price": 2.50,"label": "new","qty": "500gm"
    },{
        "id": 3,"title": "Fresh Grapes","image1": require("../assets/images/products/fruits/grapes.jpg"),"image2": require("../assets/images/products/fruits/grapes2.jpg"),"image3": require("../assets/images/products/fruits/grapes3.jpg"),"price": 10.69,"label": "sale","qty": "1kg"
    },]

我正在使用过滤器来获取这样的特定 id 的对象

 const filterData = null;
 filterData = data.filter((item) => item.id == pro_id);
 console.log(filterData);

过滤器工作正常，但图像源/uri 正在转换为数字

[{"category": "fruits","id": 1,"image1": 15,"image2": 16,"image3": 17,"qty": "200gm","title": "Red Apples"}]

而不是图像路径它显示数字，如 15,16,17 等 我不知道为什么它会改变

请帮忙提前谢谢

解决方法

require 不返回图像路径。它不是字符串，因此也不是“json 格式”。请省略 require 并仅将路径存储在“imageX”中以获得所需的输出。