Hello!
{unreadMessages.length > 0 &&You have {unreadMessages.length} unread messages.
}之所以能这样做,是因为在 JavaScript 中,true && expression 总是会返回 expression, 而 false && expression 总是会返回 false。
因此,如果条件是 true,&& 右侧的元素就会被渲染,如果是 false,React 会忽略并跳过它。
请注意,返回 false 的表达式会使 && 后面的元素被跳过,但会返回 false 表达式。在下面示例中,render 方法的返回值是
0
。
render() {
const count = 0;
return (
{ count &&
Messages: {count}
});
}