javascript - 无法在ReactJS中的innerHTML中使用导入的图像组件

Question

我试图在 div 内动态显示图像(作为组件导入)。我的代码如下所示:

import prevIcon from './images/prev_icon.svg';

let newNode = document.createElement('div');
newNode.innerHTML = '<img src=' + { prevIcon } + ' width="30px" height="30px" />';

不幸的是，这不起作用。prevIcon 不会作为图像出现。

在检查渲染的 html 时，我得到如下内容:

<img src="[object" object]="" width="30px" height="30px">

Answer 1

试试这个，你错过了 src 之间的引号

import prevIcon from './images/prev_icon.svg';

let newNode = document.createElement('div');
newNode.innerHTML = '<img src="' + prevIcon + '" width="30px" height="30px" />';