React官方文档与运算符案例

function Mailbox(props) {
const unreadMessages = props.unreadMessages;
return (

Hello!

{unreadMessages.length > 0 &&

You have {unreadMessages.length} unread messages.

}

);
}

const messages = [‘React’, ‘Re: React’, ‘Re:Re: React’];
ReactDOM.render(
,
document.getElementById(‘root’)
);

以上代码是React条件渲染的官方案例，一开始学习的时候不理解&&语句是如何执行的，查看了一些大佬的博客，才恍然大悟：
条件为真（true）&& 要进行渲染的语句，一定会返回渲染的语句，此时进行渲染，
条件为假（false）&& 要进行渲染的语句，则不会执行到要渲染的语句，直接返回false，因此实现了条件渲染。