javascript - React js TypeError:this.state.list.map不是一个函数

标签 javascript reactjs api youtube components

我是React的新手,但遇到此错误:TypeError:this.state.list.map不是函数。
这是代码:

export default class Content extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            video: null,
            list: []
        };
    }

    ...............................

    images() {
        return this.state.list.map((video) => {
            return (
                <img key={video} width="560" height="315" src={"https://img.youtube.com/vi/" + video + "/0.jpg"} onClick={() => this.openModal(video)} />
            )
        });
    }

      
}

最佳答案

images()的语法错误地绑定(bind)了this
试试这个

getImages = () => {
  return this.state.list.map((video) => {
    return (<img key={video}
      width="560"
      height="315"
      src={"https://img.youtube.com/vi/" + video + "/0.jpg"}
      onClick={() => this.openModal(video)} />
    )
  });
}

关于javascript - React js TypeError:this.state.list.map不是一个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64661234/

相关文章:

linux - Linux 系统 API 到底是什么?

javascript - JSON - 需要是数组内部的 javascript 数组并编码为 JSON

javascript - 公共(public) API 访问不适用于数据存储 javascript API 的 gapi.client

javascript - 链接 connect/mapStateToProps/mapDispatchToProps 函数以在 react-redux 中重用代码

api - Postman 对 Laravel 中间件异常没有任何响应

php - 将明亮的本地 API 数据拉入我的 Ruby on Rails 应用程序 - 用 PHP 编写的 API 文档

javascript - 如果 GuildID 未在我的代码中列入白名单,如何让我的 Discord.js (Commando) 机器人离开服务器(加入时)?

javascript - 重绘 RGraph SVG 半圆图表

javascript - react 如何使用 react-router 在 app.js 中渲染多个页面?

reactjs - 可本地化的 ASP.NET Core + ReactJS 应用程序