我在 React 应用程序的公用文件夹中有图像，但我无法从公用文件夹访问图像文件夹

Question

我无法将公共文件夹中的图像访问到我的 React 应用程序中。

const Menu = [
    {
        id: 1,
        image:"images/maggi.jpg",
        name: "Maggi",
        category: "Breakfast",
        price: 30,
        description: "Hi please select maggi here"
    },
]

Answer 1

尝试像这样在images/maggi.jpg之前放置/ ->

const Menu = [ 
    { 
        id: 1, 
        image:"/images/maggi.jpg", 
        name: "Maggi", 
        category: "Breakfast", 
        price: 30, 
        description: "Hi please select maggi here" 
    }, 
]

要访问公共目录，您需要在路径前放一个/

Answer 2

如果没有其他方法，您可以尝试使用 require 方法...

    const Menu = [
    {
        id: 1,
        image:require("../public/images/maggi.jpg"),
        name: "Maggi",
        category: "Breakfast",
        price: 30,
        description: "Hi please select maggi here"
    },
]