react使用innerHTML插入图片问题

Question

使用 innerHTML 是插入图片：

但是在插入图片时src会自动添加双引号导致路径失效；

使用innerHTML时怎么才能让src不自动添加双引号？

Answer 1

写法有问题，innerHTML已经不在react 体系里了，它属于原生DOM的属性，是不会被转义的。
应该提前导入图片资源，然后通过模板绑定绑定值。

const img = require('./test.png')

e.target.innerHTML = `<img src="${img}" />`

而且你这样写是不是合理呢，为什么不直接把img标签放入到e.target 跟元素下。这样式是可以进行视图绑定的