Javascript react js中的图像源标记中存在未定义的错误

我将对象的对象包装为状态道具，并在reatc js中的函数组件中使用它来显示每一行中的图像。但当我运行我的应用程序时，我发现undefined.jpg错误

{Object.keys(props.stateData.images).map(image=>
<img id={image.imageType} src={require(`../../../public/images/${image.imageType}.jpg`)} 
alt = {image.imageType} style={{opacity:image.opacity}}/>)}

---

如果值处于状态，您可以尝试直接从状态本身访问值

{Object.keys(this.state.images).map(image=>
<img id={image.imageType} src={require(`../../../public/images/${image.imageType}.jpg`)} 
alt = {image.imageType} style={{opacity:image.opacity}}/>)}

{Object.keys（this.state.images）.map（image=>
)}

看看这种方法——这是一个快速而肮脏的例子。

---

因此，这里的想法是映射“images”对象以获得键名，然后使用它来获取状态中的正确对象。

这很可能是因为

${image.imageType}

中的值未定义。请发布更多代码，说明如何获取

props.stateData.images

@RohithMurali添加了我的状态数据如何将此值分配给

props.stateData.images

。状态数据就是此状态

{Object.keys(this.state.images).map(image=>
<img id={image.imageType} src={require(`../../../public/images/${image.imageType}.jpg`)} 
alt = {image.imageType} style={{opacity:image.opacity}}/>)}