React没有从web源渲染我的图像

Question

为什么我的代码没有渲染我试图渲染的图像？

感谢您的帮助，我遇到这个问题已经有一段时间了。

代码：

export default class Homepage extends Component {
constructor(props) {
super(props)
this.state = {
images: [
"https://www.clker.com/cliparts/3/m/v/Y/E/V/small-red-apple-hi.png",
]
}
}
render() {
return (
<div>
<div className="gallery">
{this.state.images.map(({ src, index }) => (
<img key={index} src={src} width="250px" height="250 px" />
))}
</div>
</div>
)
}
}

Answer 1

问题是如何使用Array.map。如果去掉花括号，它就会正常工作。

this.state.images.map((src, index) => (

有关更多详细信息，请查看MDN的文档。