如何在React中引用本地图像？

首先将src包装在

{}

然后，如果使用Webpack；代替：

<img src={"./logo.jpeg"} />

您可能需要使用require：

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

另一个选择是先导入图像，如下所示：

import logo from './logo.jpeg'; // with import

要么 …

const logo = require('./logo.jpeg); // with require

然后插入…

<img src={logo} />

我建议您使用此选项，尤其是在您重新使用图像源的情况下。