PNG图像不显示，使用React

Question

你好，有谁知道为什么我的 png 文件没有显示，即使我将它设置在按钮元素之外，它也不起作用 Image of code here

Answer 1

首先将 src 包装在 {}

如果使用 Webpack；而不是：<img src={"./logo.jpeg"} />

你可能需要使用require：

<img src={require('./logo.jpeg')} />

另一种选择是首先导入图像：

从'./logo.jpeg'导入标志； // 导入

或者...

const logo = require('./logo.jpeg); // 需要

然后插入...

<img src={logo} />

我建议您使用此选项，尤其是在您重复使用图像源时。