Reactjs Inspect元素中的图像src显示为[object]

我正试图从我的.json文件中获取显示在我的分区中的图像。因此，像往常一样，我向组件添加了一个道具，并解析了.json文件的值，该文件是

config.dog.src

。我在console中打印此值，并且值与控制台中的

dog.png

完美匹配。但是，在inspect元素中的代码中显示

[object object]

。有什么想法吗

我试着改变了.json文件，并进行了硬编码，但这违背了.json文件的目的，所以我真的不想这么做

dog:{
    src: "dog.png"
} 

<DogComponent src={config.dog.src} />

狗：{
src:“dog.png”
} 

Console inspect元素显示以下内容：

预期产出应为：

---

听起来您可能缺少网页的

文件加载程序。将其添加到您的webpack配置模块部分，并确保您正在通过可解析路径导入图像，并且它应该可以工作：

{
  test: /\.(jpe?g|png)$/i,
  include: path.resolve(__dirname, './'),
  loaders: ['file-loader']
}

谢谢似乎做到了这一点，并修复了其他图像的许多错误。：）