Я предполагаю, что вы выбираете список знаменитостей из конечной точки, возможно, из componentDidMount
, но вы визуализируете компонент до загрузки этих данных.Это означает, что вы передаете undefined
методу filterItems
и, независимо от результата условия, результат будет undefined
, и вы не можете map
с чем-то, что не определено.
Чтобы решить эту проблему, ваш компонент должен отображать что-то, кроме списка, до загрузки данных.
let { celebrity } = this.props.items;
if (!celebrity && !celebrity.length) return <div />
return (
<div className="container no-padding">
<div className="row celeb-grid">
<ul className="no-padding celeb-items col-md-12">
{this.filterItems(celebrity)}
</ul>
</div>
</div>
);