时间戳

首页 > 解决方案 > ReactJS jsx 从字符串加载 img URI（不起作用）

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

问题描述

尝试从道具加载图像 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

标签： javascriptreactjs

解决方案

尝试在前面logoURI加上./：

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

编辑

如果你需要这样的require东西，你需要安装request：

npm install request -g

推荐阅读