Источник изображений преобразуется в целое число при использовании фильтра в реакции родного

У меня есть следующие данные в формате 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,
        "category": "fruits",
        "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,
        "category": "fruits",
        "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"
    },
 ]

и я использую фильтр, чтобы получить объект для определенного идентификатора, подобного этому

 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, "label": "fresh", "price": 4.99, "qty": "200gm", "title": "Red Apples"}]

вместо пути к изображению отображаются такие числа, как 15,16,17 и т. д. Я не знаю, почему он меняется

Помогите пожалуйста Заранее спасибо


person HaryanviDeveloper    schedule 30.12.2020    source источник


Ответы (1)


require не возвращает путь к изображению. Это не строка и, следовательно, не в формате json. Пожалуйста, опустите require и сохраните путь только в imageX, чтобы получить желаемый результат.

person Michiel    schedule 30.12.2020