Question

如何在React中导入本地存储映像？

我的数据如下：

{ image:"newimage.jpeg" }

我试图这样做：

<img src={require("../../assets/images/`${data.image}`")}>

但是它不起作用。任何建议都会很高兴。

Answer 1

您只需要在文件路径中加上反引号``即可

    static bool _firstTime = true;
    static bool FirstTime
    {
            get
            {
                    bool old = _firstTime;
                    _firstTime = false;
                    return old;
            }
    }

<img src={require(`../../assets/images/${data.image}`)}>是特定于节点的IIRC-您可能需要对React项目使用require（除非它既是React又是Node）。

Answer 2

只需将映像作为模块导入就可以解决问题。

来自create-react-app文档（https://facebook.github.io/create-react-app/docs/adding-images-fonts-and-files）：

java

Answer 3

如果您需要加载本地图像，则该图像应位于公用文件夹中。 https://facebook.github.io/create-react-app/docs/using-the-public-folder#when-to-use-the-public-folder

您还可以导入要使用的图像。 https://facebook.github.io/create-react-app/docs/adding-images-fonts-and-files

从本地存储反应导入图像

3 个答案: