Почему не работает тернарное условие?

265

25 октября 2021, 20:20

{data && data.dataFromLocal ? data.dataFromLocal.map((item,idx) => {
            return <CartItem {...props} IDX={idx} Name={item.title} key={idx} Price={item.price} ImgSrc={item.images[0].image} Id={item.id}/>
          }) : <p>Hello world!</p>}

Я ожидаю что когда массив пустой он будет показывать Hello world. Но он этого не делает

Answer 1

 {data && data.dataFromLocal.length ? (
        data.dataFromLocal.map((item, idx) => {
          return (
            <CartItem
              {...props}
              IDX={idx}
              Name={item.title}
              key={idx}
              Price={item.price}
              ImgSrc={item.images[0].image}
              Id={item.id}
            />
          );
        })
      ) : (
        <p>Hello world!</p>
      )}

Answer 2

data && data.dataFromLocal - так вы проверяете, что data.dataFromLocal - это не falsy значение. Но не проверяете на заполненность массива элементами. Для этого есть свойство length. Stepan Kasyanenko