时间戳

首页 > 解决方案 > TypeError：无法读取未定义 Heroku 的属性“地图”

reactjs - TypeError：无法读取未定义 Heroku 的属性“地图”

问题描述

我试图弄清楚这里发生了什么，但有时当它太容易时我找不到它。所以我在寻求帮助。感谢您的所有建议

https://github.com/Vamusmart/newsappteam

 2 | class Feed extends React.Component {
      3 |   render() {
      4 |     return (
    > 5 |       <div>
      6 |         {this.props.data.map(article => (
      7 |           <div className="grid-container">
      8 | 

        <a className="content-title" href={article.url}> 


  19 |   const data = await api_call.json();
  20 |   console.log(data.articles);
  21 | 
> 22 |   this.setState({
     | ^  23 |     homepageData: data.articles
  24 |   });
  25 | };

标签： reactjs

解决方案

请不要发布重复的问题。

然而，正如错误消息所说，该属性map无法在undefined. 这意味着您尝试迭代的值是undefined. 在这种情况下，这是由于：this.props.data === undefined。

您可以通过将此道具（或父组件中的状态）的默认值定义为空数组来解决此问题。您还可以专门处理空条件，并且仅在您的变量具有有效/预期类型时才映射。

推荐阅读