类型错误：无法读取未定义 Heroku

Question

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

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 | };

Answer 1

请不要发布重复的问题。

尽管如此，正如错误消息所说，在 map 上找不到属性 undefined。这意味着您尝试迭代的值是 undefined。在这种情况下，是由于：this.props.data === undefined.

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