Реагируйте на отображение JSX через данные, где иногда отсутствует поле данных

Question

я зацикливаюсь на данных. Это response.js / jsx. Если я беру 100 предметов, ни один из них не будет отображаться, поскольку один из них не определен.Я просто хочу, чтобы он отображал «0», если он не определен, и отображал размер, если он там есть.

Ошибка: невозможно прочитать размер свойства неопределенного.

Пример данных:

Item={
    color:blue,
    size:medium,
    }
Item={
    color:red
    }

Я сопоставляю данные.

По сути, я делаю это:

 return items.map((item, i) => {
    return( {item.size})

Я также пытался {item.size?"itWorks": "0"} в качестве теста, и я получаю ту же ошибку.

Answer 1

Лучше использовать object.hasOwnProperty('property'), чтобы проверить, обладает ли ваш объект определенным свойством или нет.для вашего случая это:

{item.hasOwnProperty('size') ? "itWorks" : "0"} 

Answer 2

Вы должны сделать,

return (

items && items.map (function (item, id) { .....}))

Таким образом, цикл проходит, когда массив элементов имеет некоторую длину, в противном случае он выходит

Answer 3

Ошибка:

Ошибка: невозможно прочитать размер свойства undefined

Это означает, что item равно undefined, поэтому вам необходимо проверить item и item.size.