javascript - 对象属性上的条件 `&&` 运算符呈现 React 中属性的值

Question

我正在使用条件运算符来确定是否应该在我的 React 组件中包含一个额外的元素。出于某种原因 if product.ratingis 0 我看到它在名称之后呈现。如果我将值类型转换为布尔值，就像Boolean(product.rating)0 一样消失了。我的问题是为什么首先呈现 0，假值不应该将条件评估为假吗？

function Product ({product}) {
  return (
    <div>
      <h1>{product.name}</h1>
      {product.rating && (
        <Stars count={product.rating} />
      )}
    </div>
  )
}