Retorno:类型错误:无法读取未定义的属性“长度”

时间:2021-03-28 17:55:00

标签: reactjs

Estou recebendo em 'title' o título da lista, e em 'items' os各自电影 dessa mesma lista; Se tiver Algum filme para mostrar faço uma map na lista (um loop dentro de outro loop); Com o img mostro a capa do filme;

Esse código está me retornando:TypeError:无法读取未定义的属性“长度”enter image description here

Realizei uma busca pelos diversos relatos com o mesmo tipo de erro, mas não fui capaz de resolve-lo。 Alguém poderia me auxiliar?

export default ({title, items}) => {
return (
    <div className="movieRow">
        <h2>{title}</h2>
        {items.results.length > 0 && items.results.map((item, key) => (
            <div key={key} className="movieRow--item">
                <img src={`https://image.tmdb.org/t/p/w300${item.poster_path}`} alt={item.original_title} />
            </div>
        ))}    
        
    </div>
);

} enter image description here

1 个答案:

答案 0 :(得分:0)

Items.result 可以为 null 或未定义。

解决方案示例:items && items.results && ...

{items && items.results && items.results.length > 0 && items.results.map((item, key) => 
            ...
)}