条件渲染

1. if

2. &&
   在 JavaScript 中，true && expression 总是会返回 expression, 而 false && expression 总是会返回 false。
   因此，如果条件是 true，&& 右侧的元素就会被渲染，如果是 false，React 会忽略并跳过它。

{this.count < 100 && <p>少量</p>}

3. 三目

{this.count / 2 === 0 
? <EvenNumber count = {this.state.count} /> 
: <OddNumber count = {this.state.count} />}

• 阻止组件渲染
  直接返回 null
  在组件的 render 方法中返回 null 并不会影响组件的生命周期。