React 只会更新必要的部分

React DOM 首先会比较元素内容先后的不同，而在渲染过程中只会更新改变了的部分。

条件渲染

与运算符 &&

如果遇见 false，React 会忽略并跳过它

<div>
    <h1>Hello!</h1>
    {unreadMessages.length > 0 &&
        <h2>
        You have {unreadMessages.length} unread messages.
        </h2>
    }
</div>

三目运算符

阻止组件渲染

若要阻止渲染，可让 render 方法直接返回 null，但它并不会影响组件的生命周期。