要求返回 object 而不是字符串

Question

我正在嘗試在 React 中導入圖像，使用

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

但它不是一個字符串，而是返回

Module {default: "/static/media/DataServer.bed2accd.jpg", __esModule: true, Symbol(Symbol.toStringTag): "Module"}

我該如何解決這個問題？

注意：我設置了 NODE_PATH=./src，assets 在 src/

Answer 1

利用：

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

img將被解析為圖像路徑。

Answer 2

使用這種結構：

/src
    /assets
    ...component

導入類似模塊：

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

然后使用：

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