React 條件判斷

首先，在state中定義一個屬性，設置它的布爾值

this.state={
            isLogin:true
        }

方案一：直接在標簽中判斷

<h2 >{this.state.isLogin?'顯示':'隱藏'}</h2>

方案二：通過邏輯與來顯示或隱藏  ，邏輯與：一個條件不允許，后面的條件都不判斷了

<h2 >{this.state.isLogin && '你好啊，coderwhy'}</h2>

以上的顯示和隱藏，是和vue中v-if類似。讓元素在dom中銷毀或生成，使用多次消耗性能。

下面方法是和vue中v-show類似。改變元素的display屬性。

this.state={
            isLogin:true
        }
<h2 style={{display:this.state.isLogin?'block':'none'}}>顯示或隱藏</h2>