Javascript 需要返回对象而不是字符串

我正在尝试使用React导入图像

<Parallax filter image={require("assets/img/DataServer.jpg")}></Parallax>

我如何解决这个问题

注意：我已经设置了NODE_PATH=./src，资产在src/

中使用：

import img from "assets/img/DataServer.jpg"
<Parallax filter image={img}}></Parallax>

从“assets/img/DataServer.jpg”导入img

img

将解析为图像路径。

使用：

import img from "assets/img/DataServer.jpg"
<Parallax filter image={img}}></Parallax>

从“assets/img/DataServer.jpg”导入img

img

将解析为图像路径。

使用此结构：

/src
    /assets
    ...component

导入类模块：

import DataServerImage  from "./assets/img/DataServer.jpg";

然后使用：

<Parallax filter image={DataServerImage}></Parallax>

使用此结构：

/src
    /assets
    ...component

导入类模块：

import DataServerImage  from "./assets/img/DataServer.jpg";

然后使用：

<Parallax filter image={DataServerImage}></Parallax>

为什么require不起作用？我认为你应该用

/

指向文件夹，然后require也可以：

image={require（“./assets/img/DataServer.jpg”）}

为什么require不起作用？我认为你应该用

/

指向文件夹，然后require也可以：

image={require(“/assets/img/DataServer.jpg”）}

React与否无关紧要。您使用的是什么构建系统/transpiler、什么模块语法（ES6 vs commonjs）以及在哪里运行此代码？React与否无关紧要。您使用的是什么构建系统/transpiler、什么模块语法（ES6 vs commonjs）以及在哪里运行此代码？