ReactJS jsx从字符串加载img URI（不起作用）

Question

尝试从道具中加载图片URI，但没有任何运气。我当然可以用以下方式加载图像：

import logoURI from '../assets/image.png';
<...>
<img src={logoURI} />

但是我需要摆脱静态URI并从道具中加载它。

这有效：

<div className="logo">
  <img
    src={require("../assets/image.png")}
  />
</div>

但这不是（Cannot find module '../assets/image.png'）：

var logoURI = "../assets/image.png";
return (
  <div className="logo">
    <img
      src={require(logoURI)}
    />
  </div>
)

字符串是字符串吗？我该如何工作？在我的终端中，我看到：

Critical dependency: the request of a dependency is an expression

Answer 1

尝试在logoURI之前加上./：

var logoURI = "./../assets/image.png";

编辑

如果您需要require这样的内容，则需要安装request：

npm install request -g