Блог

Ошибка типа: Не удается прочитать свойства неопределенного (чтение «карты») в react JS

 render() {  return (  lt;div className="container my-3"gt;  lt;h2 id="swea"gt;News 24/7 - Top '{this.capitalizeFirstletter(this.props.category)}' Headlines lt;/h2gt;   {this.state.loading amp;amp; lt;Spinner /gt;}   lt;div className='rows'gt;  {!this.state.loading amp;amp; this.state.article.map((element) =gt; {  return lt;div className="col-md-4" key={element.url}gt;  lt;NewsItem title={element.title ? element.title.slice(0, 90) : ""} description={element.description ? element.description.slice(0, 50) : ""} imageUrl={element.urlToImage} newsUrl={element.url} author={element.author} date={element.publishedAt} source={element.source.name} /gt;  lt;/divgt;  })}  lt;/divgt;   lt;div className="container d-flex justify-content-between"gt;  lt;button type="button" disabled={this.state.page lt;= 1} className="btn btn-dark" onClick={this.handlePrevClick} gt;amp;larr; Previouslt;/buttongt;  lt;button type="button" disabled={this.state.page   1 gt; Math.ceil(this.state.totalResults / this.props.pageSize)} id="xxx" className="btn btn-info" onClick={this.handleNextClick} gt;Next amp;rarr;lt;/buttongt;  lt;/divgt;   lt;/divgt;  ); }  

}

Вот в чем ошибка*

Прежде чем сопоставлять эту.state.статью, сначала проверьте, пуста ли переменная состояния. Например:

 this.state.article.length?this.state.article.map((item)=gt;{return item}):null;