反应不从网络源渲染我的图像

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) => (

更多详情，请查看documentation on MDN。