对象属性上的条件`＆amp;＆amp;`运算符在React中呈现属性的值

Question

我使用条件运算符来确定我的React组件中是否应包含额外的元素。出于某种原因，如果product.rating为0，我会看到它在名称后面呈现。如果我将值类型转换为像Boolean(product.rating)这样的bool，那么0就消失了。 我的问题是为什么0是在第一个位置呈现的，不应该将falsy值评估为false？

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